1、用 ID 查找元素。我们在JavaScript 中进行相关的代码运行的时候,对于特定的网页元素进行指定是必须要实施的一个动作,用ID 查找网页元素并发生作用是最常见的。下面的这个DOM就让 dogwang 的ID 与 javascript 的变量发生了作用。var x=document.getElementById("dogwang");
2、用标签名找元素的方法。我们用下方的代码就实现了java script 与 TagName标签<p>中的元素发生了作用。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">你好啊!</p><script>document.getElementById("p1").innerHTML="我很好!";</script><p>我们可以看见网页的最终内容有了变化</p></body></html>
5、不仅仅是元素<P>中的内容可以发生变化,标题<h>当中的内容也可以发生变化。<!DOCTYPE html><html><body><h1 id="标题">我是老标题</h1><script>var element=document.getElementById("标题");element.innerHTML="我是新标题";</script><p>老标题被新标题替换了</p></body></html>
6、图像也是可以用同样的方式进行替换的。<!DOCTYPE html><html><body><img id="图像" src="p.jpg" /><script>document.getElementById("图像").src="****";</script><p>原来图像的地址被新的地址替换了!</p></body></html>