Javascript 如何在ES6中获取DOM元素？

我是ES6新手，我只是想知道如何在ES6中获取dom元素，是否有关于获取dom元素的新语法。什么是最好的方式也请让我知道

简单地说，我得到如下示例：-

<ui class="ui-class">
  <li class='li-class'>http://www.google.com</li>
  <li class='li-class'>https://www.google.es/</li>
  <li class='li-class'>https://www.google.co.za/</li>
  <li class='li-class'>https://www.google.co.nz/</li>
</ui>
//get All li element using querySelectorAll
var allLiTag = document.querySelectorAll('li.li-class');

//ES6 for looping to get perticuler item one by one
allLiTag.forEach((liTag) => {
let innerText = liTag.innerText;
    liTag.innerHTML='Click here -:  <a href='+innerText+'>'+innerText+ '</a>'
});
//css part
.ui-class{
  font-size: 26px;
    padding: 10px;
}
.li-class{
      padding: 10px;
}

http://www.google.com
https://www.google.es/
https://www.google.co.za/
https://www.google.co.nz/
//使用querySelectorAll获取所有li元素
var allLiTag=document.querySelectorAll（'li.li类'）；
//ES6，用于循环以逐个获取问题项
allLiTag.forEach（（liTag）=>{
让innerText=liTag.innerText；
liTag.innerHTML='单击此处-：'
});
//css部分
.ui类{
字号：26px；
填充：10px；
}
李老师{
填充：10px；
}

是否有关于获取dom元素的新语法

不，因为（“ES6”）是一种独立于的语言标准（到目前为止已被取代），它是浏览器中使用的文档对象模型的单独标准

但是请注意，DOM最近已经以几种方式进行了更新，以便更好地使用JavaScript的新特性。我不认为有任何东西可以替代冗长的

文档.getElementById

，但例如，您在引用的代码中使用的

querySelectorAll

返回的

NodeList

上的

forEach

相对较新（在IE的任何版本上都不受支持，尽管很容易填充）。类似地，在支持这些最新更新的现代浏览器上，

NodeList

实例是可移植的，因此您可以使用ES2015的

for of

语句（以及使用可移植的其他构造，如扩展语法和分解结构）：

for（document.queryselectoral（“li.li类”）的常量li）{
log（li.innerHTML）；
}

一个
两个
三个

在ES6中访问DOM元素没有什么特别之处。这和你以前做的一样

您可以使用

$（'#some_id'）.val（）

或

document.getElementById（'id'）等

ES6中没有类似的内容

要学习ES6，请使用
或扩展运算符（
[…document.queryselectoral（'li'）]
）将
节点列表
转换为数组。@PeterMader:是的，两者都使用迭代器.document.queryselectoral（“li.li类”），我认为这会影响性能。所以我们可以接受这样的变量：-let liArray=document.queryselectoral（“li.li类”）@NarendraJadhav：不，不是在上面。执行一次
document.querySelectorAll
，然后其迭代器被
for of
表达式检索并使用。细节：