HTML DOM 属性
2024-10-19 04:35:12
innerHTML 属性
获取元素内容的最简单方法是使用 innerHTML 属性。
innerHTML 属性对于获取或替换 HTML 元素的内容很有用。
实例
下面的代码获取 id="intro" 的 <p> 元素的 innerHTML:
实例
<html>
<body> <p id="intro">Hello World!</p> <script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script> </body>
</html>
在上面的例子中,getElementById 是一个方法,而 innerHTML 是属性。
innerHTML 属性可用于获取或改变任意 HTML 元素,包括 <html> 和 <body>。
nodeName 属性
nodeName 属性规定节点的名称。
- nodeName 是只读的
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 与属性名相同
- 文本节点的 nodeName 始终是 #text
- 文档节点的 nodeName 始终是 #document
注释:nodeName 始终包含 HTML 元素的大写字母标签名。
nodeValue 属性
nodeValue 属性规定节点的值。
- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本本身
- 属性节点的 nodeValue 是属性值
获取元素的值
下面的例子会取回 <p id="intro"> 标签的文本节点值:
实例
<html>
<body> <p id="intro">Hello World!</p> <script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script> </body>
</html>
nodeType 属性
nodeType 属性返回节点的类型。nodeType 是只读的。
比较重要的节点类型有:
元素类型 | NodeType |
---|---|
元素 | 1 |
属性 | 2 |
文本 | 3 |
注释 | 8 |
文档 | 9 |
最新文章
- HttpResponseMessage和HttpResponseException (转)
- DrawCall
- 北京地铁月度消费总金额计算(Python版)
- error-iis-Service Unavailable
- STL学习系列八:Set和multiset容器
- lua使用优化建议
- WebService调用http://www.webxml.com.cn中的一些服务示例
- openStack 性能开测-2
- Android把图片保存到SQLite中
- php error_log 详解
- 提高mysql查询效率的六种方法
- 201521123078 《Java程序设计》第11周学习总结
- H5数飞机
- iptables精通
- Dubbo分布式服务框架
- MapReduce :基于 FileInputFormat 的 mapper 数量控制
- 第一次使用zxxbox弹层经历
- Deep learning with Python 学习笔记(7)
- element.dataset API
- JavaScript ES6格式化字符串方法