JavaScript DOM - changer le HTML
HTML DOM permet à JavaScript de modifier le contenu des éléments HTML.
document.write()
En JavaScript, document.write() peut être utilisé pour écrire du contenu directement dans le flux de sortie HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<head>
<body>
<p>當(dāng)前時(shí)間是：
<script type="text/javascript">
document.write("<strong>"+(new Date()).toString()+"</strong>");
</script>
</p>
</body>
</html>N'utilisez jamais document.write() une fois le chargement du document terminé. Cela écrasera le document. L'attribut innerHTML est utilisé pour définir ou renvoyer le contenu HTML entre les balises spécifiées.
document.getElementById(id).innerHTML=new HTML<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
<p>以上段落通過腳本修改文本。</p>
</body>
</html>
Modifier les attributs HTML
Syntaxe?: document.getElementById(id).attribute=nouvel attribut Le value
attribut est un n?ud d'attribut. Chaque élément DOM a un attribut d'attributs correspondant pour stocker tous les n?uds d'attribut. Les attributs sont une classe Le conteneur d'un. array, pour être précis, est NameNodeMap. En bref, c'est un conteneur similaire à un tableau mais différent d'un tableau. Chaque index numérique d'attributs stocke un n?ud d'attribut sous la forme d'une paire nom-valeur (name="value").
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script type="text/javascript">
var dir = "left";
function setDir()
{
dir = (dir=="left") ? "right" : "left";
document.getElementById( "Mar" ).direction = dir;
}
</script>
</head>
<body>
<marquee id="Mar">歡迎光臨！</marquee>
<p><button onclick="setDir()">改變方向</button></p>
</body>
</html>
