1、访问文档中元素

document.getElementById(‘id’):获取给定id的元素,并将其作为对象。

document.getElementsByTagName(‘tagname’):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。

2、读取元素的属性、节点值及其它节点数据

node.getAttribute(‘attribute’):获取属性名为attribute的值。

node.setAttribute(‘attribute’,’value’):设置属性名为attribute的值为value。

node.nodeType:读取节点类型(1=元素,3=文本节点)。

node.nodeName:读取节点名称(元素名字或#textNode)。

node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)。

3、节点之间操作

node.previousSibling:获取上一个兄弟节点,并将它保存为对象。

node.nextSibling获取下一个兄弟节点,并将它保存为对象。

node.childNode:后去对象所有子节点,并把它们存储到一个列表中。对于第一个和最后一个子节点,还可以使用node.firstChild和node.lastChild进行简写。

node.parentNode:获取包含node的节点。

4、创建新节点

document.createElement(element):创建一个名称为element的新元素,需要提供一个字符串形式的元素名。

document.createTextNode(string):创建一个节点值为string的文本节点。

newNode=node.cloneNode(bool):创建newNode节点作为node的副本(克隆)。如果bool值为true,这个克隆将包括原节点的所有子节点和属性的克隆。

node.appendChild(newNode):将newNode做为子节点,添加在node所有子节点之后。

node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode。

node.removeChild(oldNode):移除node节点的子节点oldNode。

node.replaceChild(newNode,oldNote):使用节点newNode替换node的子节点oldNode。

element.innerHTML:读取给定element的HTML内容,它是一个字符串,包括所有子节点及它们的属性和文本内容。

优质内容筛选与推荐>>
1、Atitit.常见软件 数据 交换格式 标准
2、(4).NET CORE微服务 Micro-Service ---- Consul服务发现和消费
3、可视化配置以及Net应用MemCache在win7
4、php中@mysql_connect与mysql_connect有什么区别
5、Redis分布式队列解决文件并发的问题


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号