当前位置:编程学习 > html/css >>

HTML DOM 创建与修改

修改 HTML 元素
修改 HTML DOM 意味着许多不同的方面:
改变 HTML 内容
改变 CSS 样式
改变 HTML 属性
创建新的 HTML 元素
删除已有的 HTML 元素
改变事件(处理程序)
在接下来的章节,我们会深入学习修改 HTML DOM 的常用方法。
 
建 HTML 内容
改变元素内容的最简答的方法是使用 innerHTML 属性。
下面的例子改变一个 <p> 元素的 HTML 内容:
 
[html] view plaincopy
<!DOCTYPE html>  
<html>  
<body>  
  
<p id="p1">Hello World!</p>  
  
<script>  
document.getElementById("p1").innerHTML="New text!";  
</script>  
  
<p>上面的段落被一段脚本改变了。</p>  
  
</body>  
</html>  
 
 
 
 
改变 HTML 样式
通过 HTML DOM,您能够访问 HTML 元素的样式对象。
下面的例子改变一个段落的 HTML 样式:
 
  <html> <body> <p id="p2">Hello world!</p> <script> document.getElementById("p2").style.color="blue"; </script> </body> </html>

 

 
 
创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您首先必须创建该元素(元素节点),然后把它追加到已有的元素上。
 
<div id="d1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node); var element=document.getElementById("d1"); element.appendChild(para); </script>

 

 
补充:web前端 , HTML/CSS  ,

上一个:CSS3之元素阴影
下一个:HTML DOM访问

更多html/css疑问解答:
div+css中关于ie浏览器中非啊元素的:hover的实现问题,哪位大神指点下啊
css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
css 属性选择器 ie6 不支持吗?
用css、jquery做的选项卡效果,有一个小疑问,请高手指点,代码如下:
介绍本学习css的书
wordpress多个CSS样式怎么调用?
这个div 的css是如何编写的
div+css中,div的右边框小于div的高度且居中,除了用背景图片,如何实现?
表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。
dw中html文档为什么无法链接css文档
设计一个小例子说明DIV+CSS的优势(例子要解释并注释)。
我会html css目前正在学js,打算在大三的寒假找个实习,请问应该找哪方面的实习?
css问题,跪求大大帮忙
请教网页设计高手,如下图的这种css代码怎么写?
asp
php
Delphi
Matlab
JSP
Foxpro
JS
C/C++
C#/ASP.NET
VC++
JAVA
VB
汇编语言
html/css
CGI
XML/UML
wap
网站相关
网页素材
python
微信小程序
thinkphp
如果你遇到编程学习难题:
访问www.zzzyk.com 试试
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,