JavaScript HTML DOM的使用技巧
1、用 ID 查找元素。我们在 JavaScript 中进行相关的代码运科牺行的时候，对于特定的网页元素进行指定是必须要实施的一个动作，用ID 查找网页元素并发生作用是最常见的。下面的这个DOM就让 dogwang 的ID 与 javascript 的变量发生了作用。
var x=document.getElementById("dogwang");
2、用标签名找元素的方法。我们用下方的代码就实现了java script 与 TagName标签中的元素发生了作用。
var x=document.getElementById("dogwang");
var y=x.getElementsByTagName("p");
3、java script 能够直接在网页上面呈现一个动态的效果。下面这个例子就把一个动态的日期赋予在网页上面了。这个日期永远是可以更新为当前一天的。
<script>document.write(Date());</script>
4、java script 改变网页内容的代码就是 innerhtml 代码。
<!DOCTYPE html>
<html>
<body>
<p id="p1">你好啊！
<script>
document.getElementById("p1").innerHTML="我很好！";
</script>
我们可以看见网页的最终内容有了变化
</body>
</html>
5、不仅仅是元素中的内容可柱糟夏以发生变化，标题<h>当中的内容也可以发生变化。
<!DOCTYPE html>
<html>
<body>
<h1 id="标题">我是老标题</h1>
<script>
var element=document.getElementById("标题");
element.innerHTML="我是新标题";
</script>
老标题被新标题替换了
</body>
</html>
6、图像也是可以用同样的方式进行替换的。
<!DOCTYPE html>
<html>
<body>
<img id="图像" src="p.jpg" />
<script>
document.getElementById("图像"晃沃).src="****";
</script>
原来图像的地址被新的地址替换了！
</body>
</html>
