javascript - 设置元素的值

Question

我想创建一个新元素，然后设置新元素的值。然后将元素添加到 div 中。

var x = document.getElementById("Header");
var element =document.createElement("test");
var addel=x.appendChild(element)

<div id="Header">
  <h1>
    <img height="150" src="http://test.com/im.jpeg">
    <span>test</span>
  </h1>
</div>

例如，创建一个名为“test”的新元素，然后将该元素添加到 div 并设置 test="1"的值。

Answer 1

浏览器不会识别您的新元素，因为 html 具有固定的元素集您可能需要使用基于文本的元素(如 span,p)，或者您可以简单地将 block 元素(如 div)的 innerText 设置为“1”如果你想创建自己的元素可以引用这里 https://developers.google.com/web/fundamentals/web-components/customelements您还可以扩展现有元素以形成新元素