Javascript 完成网页内容的更改和添加

我试图创建一个网页，当单击激活时，它会完全更改div元素的内容。我目前在div中嵌入了一些文本和视频，我想在单击div按钮时删除它们并添加新内容，例如链接、更多视频等。我在这个问题上没有找到多少有用的信息。非常感谢您的帮助

文本，文本，更多文本

“文本”

jQuery可以为您提供很多这样的帮助。例如，尝试jQuery的和方法。然后你可以这样做：

$('.my_button').click(function() {

    // this function gets executed when an element
    // with the classname '.my_button' gets clicked

    $('.my_div').html(
        'this contents get inserted in ' +
        'the element with classname ".my_div".'
    );

}

<div id="somecontent"><video ...><p>Video Caption</p></div>

---

安装jquery非常简单，只需在调用自己的javascript代码之前包含jquery源代码！获取源代码。

假设您有以下内容：

$('.my_button').click(function() {

    // this function gets executed when an element
    // with the classname '.my_button' gets clicked

    $('.my_div').html(
        'this contents get inserted in ' +
        'the element with classname ".my_div".'
    );

}

<div id="somecontent"><video ...><p>Video Caption</p></div>

视频字幕

可以使用“简单”选择元素并替换其内容：

<script>
  var element = document.getElementById("somecontent");
  element.innerHTML = "<audio><p>New Caption</p>"
</script>

var元素=document.getElementById（“somecontent”）；
element.innerHTML=“新标题
”

然后将此替换绑定到输入的onclick事件或样式类似于按钮的链接

---

希望这能有所帮助。

如果您能发布一些代码，或者至少是一个指向JSFIDLE的链接，这会很有帮助。很难相信您找不到任何信息。这是你能做的最基本的事情之一，几乎每一个教程都会介绍它。+1-比使用输入的onclick事件要好得多。不知道为什么会被拒绝也许是因为OP没有询问使用jQuery作为解决方案。不确定。非常感谢你，奥姆拉特！如果我把代码变成一个函数，会对我有帮助吗？不一定，除非你需要重复其他元素共享的功能。您可以简单地将替换指定为元素的onclick事件的操作。过来看