Javascript 使用JS操作DOM。添加按钮&；链接

此脚本应添加一个按钮，该按钮需要链接到xyz.com。我可以让按钮显示，但它没有链接。以下是我所拥有的：

<script type="text/javascript">
var btn = document.createElement('button');
btn.innerText = 'Watch Now';
document.getElementById('buttoncontainer').appendChild(btn);
document.getElementById("buttoncontainer").href = "http://www.cnn.com/";
</script>

var btn=document.createElement（'button'）；
btn.innerText='watchnow'；
document.getElementById（'buttoncontainer'）.appendChild（btn）；
document.getElementById（“buttoncontainer”）.href=”http://www.cnn.com/";

谢谢，

---

Udi

如果您想要一个

按钮来导航，那么您必须添加比现有按钮多一点的内容，因为
按钮
元素没有
href
属性，默认情况下也不会生成导航。您需要为此设置一个
click
事件处理回调函数

另外，不要使用
.innerText
，因为它是非标准的。改用



var container=document.getElementById（'buttonContainer'）；
var btn=document.createElement（'button'）；
btn.textContent='watchnow'；
//按钮没有href。您需要设置一个单击事件处理程序
btn.addEventListener（“单击”，函数（）{
位置=”https://cnn.com“；//导航到新页面
});
//添加按钮到页面
子容器（btn）；
如果您想要一个
按钮
进行导航，那么您必须添加比现有按钮多一点的内容，因为
按钮
元素没有
href
属性，默认情况下也不会生成导航。您需要为此设置一个
click
事件处理回调函数

另外，不要使用
.innerText
，因为它是非标准的。改用



var container=document.getElementById（'buttonContainer'）；
var btn=document.createElement（'button'）；
btn.textContent='watchnow'；
//按钮没有href。您需要设置一个单击事件处理程序
btn.addEventListener（“单击”，函数（）{
位置=”https://cnn.com“；//导航到新页面
});
//添加按钮到页面
子容器（btn）；
A
按钮
没有
href
属性（实际执行任何操作）按钮与链接不同。
按钮
没有
href
属性（实际执行任何操作）按钮与链接不同。我见过
textContent
和
innerText
和
innerHTML
但不完全清楚哪一个是最适合使用的新按钮（如果有的话）。谢谢你的链接。我不知道
textContent
自动编码的HTML。那真时髦@Anthony
.textContent
用于获取/设置不包含要解析的HTML的文本
.innerHTML
用于获取/设置确实包含要解析的HTML的文本，
innerText
是非标准的旧代码，不应使用。祝你好运，别忘了把我的答案标为“答案”。对不起，伙计。不是OP。我只是很高兴有了一个借口，感谢你的回答，终于搞乱了
innerText
，看看它是如何工作的。我看过
textContent
和
innerText
和
innerHTML
，但不完全清楚哪一个是最适合使用的新版本（如果有的话）。谢谢你的链接。我不知道
textContent
自动编码的HTML。那真时髦@Anthony
.textContent
用于获取/设置不包含要解析的HTML的文本
.innerHTML
用于获取/设置确实包含要解析的HTML的文本，
innerText
是非标准的旧代码，不应使用。祝你好运，别忘了把我的答案标为“答案”。对不起，伙计。不是OP。我只是很高兴有了一个借口，感谢你的回答，终于搞乱了
innerText
，看看它是如何工作的。