document.getElementById用于链接ID

Question

我有一个HTML：

<div id="sliderFrame"><div id="slider"></div></div>

我想在滑块div中插入html代码，我知道

$('#slider').append('<a class="lazyImage" href="sample.jpg"></a>');

会奏效。

我想知道我是否可以使用innerHTML实现这一点，但我没有这样做，因为document.getElementById().getElementById()无法工作。 我发现chaining getElementById，但我不太明白，任何人都有更简单的解决方案或者可以解释一下吗？

Answer 1

这就是你想要的吗？

document.getElementById('slider').innerHTML = '<a class="lazyImage" href="sample.jpg">  
                                               </a>'

Answer 2

页面中只能有一个id（请参阅spec）：

  

7.5.2元素标识符：id和class属性

     

属性定义

     

id = name [CS]

     

此属性为元素指定名称。 ：此   名称在文档中必须是唯一的。

因此，假设您的文档格式正确，则只需要一个getElementById()。

Answer 3

你可以做到

var slider = document.getElementById("slider");
slider.innerHTML = '<a class="lazyImage" href="sample.jpg"></a>';

但是就像评论说的那样，你为什么要这样做呢？你有什么好。