DOM Access and Manipulation JS 操纵DOM

Posted TheMiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM Access and Manipulation JS 操纵DOM相关的知识,希望对你有一定的参考价值。

  JS 操纵DOM 有两种很简单的方式:

如果知道ID 的情况下. 我们可以使用 document.getElementById

我们还可以使用

document.getElementById("testId").textContent = "0";

document.querySelector(".testClass").classList.toggle("active");

 

我们还可以把function赋值到event listener中.

 

Ps: 这里是赋值, 而不是调用.  如果调用init, 应该是init()

document.querySelector(".btn-new").addEventListener("click",init);

function init() {
  console.log("HelloWorld!");
}

 

 

我们还可以生成click event handler 来监听click.

document.querySelector(".btn-test").addEventListener("click", function() {
  console.log("HelloWorld!");
});

 

我们可以在MDN查看到所有的event listener 事件

 

以上是关于DOM Access and Manipulation JS 操纵DOM的主要内容,如果未能解决你的问题,请参考以下文章

虚拟DOM and diff 算法

csharp: Procedure with DAO(Data Access Object) and DAL(Data Access Layer)

Illegal reflective access by org.dom4j.io.SAXContentHandler ,使用Dom4j解析xml出现非法反射异常,

dom and bom

Eclipse Plugin Installation and Windows User Access Control

如何在 Access SQL 中使用 BETWEEN 和 AND 来过滤日期范围?