zoukankan      html  css  js  c++  java
  • DOM学习历程-3

    访问 HTML 元素(节点)

    访问 HTML 元素等同于访问节点

    您可以以不同的方式来访问 HTML 元素,如:

    • 通过使用 getElementById() 方法
    • 通过使用 getElementsByTagName() 方法
    • 通过使用 getElementsByClassName() 方法

    getElementById() 方法

    getElementById() 方法返回带有指定 ID 的元素:

    getElementsByTagName() 方法

    getElementsByTagName() 返回带有指定标签名的所有元素。

    The getElementsByClassName() 方法

    如果您希望查找带有相同类名的所有 HTML 元素,可以使用这个方法进行查找:

    如何修改 HTML = 改变元素、属性、样式和事件。

    修改 HTML DOM 意味着许多不同的方面:

    • 改变 HTML内容
    • 改变 CSS 样式
    • 改变 HTML 属性
    • 创建新的 HTML 元素
    • 删除已有的 HTML 元素
    • 改变事件(处理程序)

    这段代码创建了一个新的 <p> 元素:

    var para=document.createElement("p");

    如需向 <p> 元素添加文本,您首先必须创建文本节点。这段代码创建文本节点:

    var node=document.createTextNode("This is a new paragraph.");

    然后您必须向 <p> 元素追加文本节点:

    para.appendChild(node);

    最后,您必须向已有元素追加这个新元素。

    这段代码查找到一个已有的元素:

    var element=document.getElementById("div1");

    这段代码向这个已存在的元素追加新元素:

    element.appendChild(para);
  • 相关阅读:
    docker 常用
    vue-cli 的静态资源
    ubuntu 恢复模式
    virtualbox
    cmake 使用技巧
    VLC播放pcm
    Ice-Lite 理解
    webrtc ice流程
    Mediasoup_Demo信令过程, client and server
    Mediasoup
  • 原文地址:https://www.cnblogs.com/Galesaur-wcy/p/15074015.html
Copyright © 2011-2022 走看看