视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript操作HTML元素和样式的方法详解_基础知识
2020-11-27 21:44:37 责编:小采
文档


JavaScript HTML DOM 元素(节点)
创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
实例


This is a paragraph.

This is another paragraph.

例子解析:
这段代码创建新的

元素:




如需向

元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点:




然后您必须向

元素追加这个文本节点:




最后您必须向一个已有的元素追加这个新元素。
这段代码找到一个已有的元素:




以下代码在已存在的元素后添加新元素:



删除已有的 HTML 元素
这段代码向这个已有的元素追加新元素:
实例


This is a paragraph.

This is another paragraph.

实例解析
这个 HTML 文档含有拥有两个子节点(两个

元素)的 元素:



找到 id="div1" 的元素:




找到 id="p1" 的

元素:




从父元素中删除子元素:



lamp 如果能够在不引用父元素的情况下删除某个元素,就太好了。
不过很遗憾。DOM 需要清楚您需要删除的元素,以及它的父元素。
这是常用的解决方案:找到您希望删除的子元素,然后使用其 parentNode 属性来找到父元素:





JavaScript HTML DOM - 改变CSS
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
改变 HTML 样式
如需改变 HTML 元素的样式,请使用这个语法:
document.getElementById(id).style.property=new style
下面的例子会改变

元素的样式:
实例




Hello World!

本例改变了 id="id1" 的 HTML 元素的样式,当用户点击按钮时:
实例


 




下载本文
显示全文
专题