使用JS操作DOM添加按钮与链接：按钮无法跳转问题求助

嘿，我一眼就看出问题出在哪啦！你现在是把href属性加到了buttoncontainer这个容器元素上，但像<div>这类容器本身是不支持href属性的，所以点击按钮自然不会触发跳转～

要实现点击按钮跳转的功能，你需要给按钮本身添加点击事件监听器，在点击时执行页面跳转的逻辑。这里是修正后的代码：

var btn = document.createElement('button');
btn.innerText = 'Watch Now';
// 给按钮添加点击事件
btn.addEventListener('click', function() {
    window.location.href = "http://www.cnn.com/";
});
document.getElementById('buttoncontainer').appendChild(btn);

简单解释下修改点：

• 移除了给buttoncontainer设置href的错误代码
• 新增了addEventListener方法，监听按钮的click事件
• 事件触发时，通过window.location.href将页面跳转到目标URL

这样调整后，点击按钮就能正常跳转啦！

内容的提问来源于stack exchange，提问作者udis