JavaScript's替换与document.create()结合的函数-这个代码是做什么的

JavaScript's replace-function combined with document.create() - What does this code?

本文关键字:函数 代码 什么 结合 替换 create document JavaScript      更新时间:2023-09-26

我在其他人的网页源代码中看到了这些代码片段:

<script>
"'article aside footer header nav section video'".replace(
     /'w+/g,
     function(n){
        document.createElement(n)
     }
 )
 </script>

有人知道这是什么意思吗?

7个HTML元素是基于作为输入的字符串而制作的。createElement返回对元素的引用。但对这一提法没有采取任何行动。它甚至没有存储在某个变量中。与DOM树的连接要少得多。

因此:这些准则的目的是什么?

这是一种迭代单词列表的"聪明"方法:

"'article aside footer header nav section video'".replace(
     /'w+/g, 
    function(w) { document.write(w + "<br>") }
  )

很可能作者选择了这条路线,因为标签列表来自一些外部来源。否则,他们应该使用普通数组。

tags = ["article", "aside", "footer", "header", "nav", "section", "video"]
tags.forEach(function(tag) {
    document.createElement(tag);
});