JavaScript HTML DOM的使用技巧

 时间:2024-10-24 11:19:08

1、用 ID 查找元素。我们在JavaScript 中进行相关的代码运行的时候,对于特定的网页元素进行指定是必须要实施的一个动作,用ID 查找网页元素并发生作用是最常见的。下面的这个DOM就让 dogwang 的ID 与 javascript 的变量发生了作用。var x=document.getElementById("dogwang");

JavaScript HTML DOM的使用技巧

2、用标签名找元素的方法。我们用下方的代码就实现了java script 与 TagName标签<p>中的元素发生了作用。var x=document.getElementById("dogwang");var y=x.getElementsByTagName("p");

JavaScript HTML DOM的使用技巧

3、java script 能够直接在网页上面呈现一个动态的效果。下面这个例子就把一个动态的日期赋予在网页上面了。这个日期永远是可以更新为当前一天的。<script> document.write(Date()); </script>

JavaScript HTML DOM的使用技巧

4、java script 改变网页内容的代码就是 innerhtml 代码。<!DOCTYPE html><html><body><p id="p1">你好啊!</p><script>document.getElementById("p1").innerHTML="我很好!";</script><p>我们可以看见网页的最终内容有了变化</p></body></html>

JavaScript HTML DOM的使用技巧

5、不仅仅是元素<P>中的内容可以发生变化,标题<h>当中的内容也可以发生变化。<!DOCTYPE html><html><body><h1 id="标题">我是老标题</h1><script>var element=document.getElementById("标题");element.innerHTML="我是新标题";</script><p>老标题被新标题替换了</p></body></html>

JavaScript HTML DOM的使用技巧

6、图像也是可以用同样的方式进行替换的。<!DOCTYPE html><html><body><img id="图像" src="p.jpg" /><script>document.getElementById("图像").src="****";</script><p>原来图像的地址被新的地址替换了!</p></body></html>

JavaScript HTML DOM的使用技巧
  • HTML DOM 事件的使用技巧
  • javaScript中如何使用DOM解析
  • javascript学习路线
  • 如何查看JavaScript中的DOM结点
  • javascript转义html标签《Javascript笔记》
  • 热门搜索
    放飞中国梦手抄报 中秋节手抄报大全 数学手抄报六年级 传染病手抄报图片简单 我爱足球手抄报 平安校园手抄报图片 诵读经典手抄报 以环保为主题的手抄报 手抄报安全 珍爱生命手抄报图片