zoukankan      html  css  js  c++  java
  • JS中两个节点的关系

    1,可能存在的关系

    parentNode(父节点)

    childNodes(子节点)

    firstChild

    lastChild

    nextSibling()

    previousSibling()

    2,插入节点

    object.appendChild()在后面插入

    object.insertChild()在前面插入

    3,删除节点 removeChild()

    4,替换元素节点replaceChild()

    5,创建元素节点document。createElement(tagName)  注意:tagName是字符串值,用来指定创建元素的类型

    6,创建文本节点createTextNode   data : 字符串值,可规定此节点的文本。

    在代码编辑器<script>标签中,创建一个P标签,设置className属性,使用createTextNode创建文本节点"I love JavaScript!"。

    // 先创建P
    var p=document.createElement("p");
    // 为P添加类名
    p.className="message";
    // 为P添加文本
    var ptext=document.createTextNode("I LOVE YOU");
    // 将文本传给P
    p.appendChild(ptext);
    // 将P传给body
    document.body.appendChild(p);

    innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签(如例子中的<strong></strong>)时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理(如你的例子中Hello会被加粗显示)。
    总的来说,如果你确定要插入的内容中没有html标签,可以用innerHTML,这样更简洁,但如果不能确定(比如要插入用户输入的内容)建议用createTextNode的方式。

  • 相关阅读:
    16进制颜色转普通RGB
    (null)
    GIT配置
    -other linker flags
    cocoapods使用问题集锦(2017-04)
    关于@property与@syntheszie的使用问题
    iOS端一次视频全屏需求的实现(转)
    用C语言进行最基本的socket编程
    http和socket之长连接和短连接区别(转)
    socket,TCP/IP的理解(转)
  • 原文地址:https://www.cnblogs.com/monica123456/p/6464117.html
Copyright © 2011-2022 走看看