Javascript 如何用另一个元素替换一个元素？_Javascript_Jquery_Html_Css

Javascript 如何用另一个元素替换一个元素？

javascript jquery html css

Javascript 如何用另一个元素替换一个元素？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的HTML： <html> <head></head> <body> <section> <div class="should_be_replaced">something</div> </section> </body> </html> 如果您有jQuery，可以这样做： var str

这是我的HTML：

<html>
    <head></head>
    <body>
        <section>
            <div class="should_be_replaced">something</div>
        </section>
    </body>
</html>

如果您有jQuery，可以这样做：

var str = "<b>title</b><p>sth <span>sss</span></p>";
$(".should_be_replaced").parent().html(str);

如果您有jQuery，可以这样做：

var str = "<b>title</b><p>sth <span>sss</span></p>";
$(".should_be_replaced").parent().html(str);

您可以使用jQuery的

var str=“titlesth sss”；
$（'.应被替换'）.替换为（str）

某物
您可以使用jQuery的

var str=“titlesth sss”；
$（'.应被替换'）.替换为（str）

某物
试试这个：
<html>
    <head></head>
    <body>
        <section>
            <div id="should_be_replaced" onclick="click()">something</div>
        </section>
     <script>
        function click() {
            var str = "<b>title</b><p>sth <span>sss</span></p>";
            document.getElementById("should_be_replaced").innerHTML = str;
        }
     </script>
    </body>
</html>


某物
函数单击（）{
var str=“titlesth sss”；
document.getElementById（“应该被替换”）.innerHTML=str；
}
试试这个：
<html>
    <head></head>
    <body>
        <section>
            <div id="should_be_replaced" onclick="click()">something</div>
        </section>
     <script>
        function click() {
            var str = "<b>title</b><p>sth <span>sss</span></p>";
            document.getElementById("should_be_replaced").innerHTML = str;
        }
     </script>
    </body>
</html>


某物
函数单击（）{
var str=“titlesth sss”；
document.getElementById（“应该被替换”）.innerHTML=str；
}
只需通过jQuery即可
var section = jQuery('section');
section.find('div').remove();
section.html(str);

您可以简单地通过jQuery来完成
var section = jQuery('section');
section.find('div').remove();
section.html(str);

您可以使用直接html方法更改内容
var str = "<b>title</b><p>sth <span>sss</span></p>";
    jQuery("section").html(str);

var str=“titlesth sss”；
jQuery（“section”）.html（str）；

您可以使用直接html方法更改内容
var str = "<b>title</b><p>sth <span>sss</span></p>";
    jQuery("section").html(str);

var str=“titlesth sss”；
jQuery（“section”）.html（str）；

document.querySelector（'.should\u replacement'）。parentNode.innerHTML=str
可能与文档重复。querySelector（'.should\u replacement'）。parentNode.innerHTML=str
可能与Martin重复，如果要使用此解决方案，请确保包含jQuery库。@NewToJS-Martin已经用jQuery标记了问题，因此他要么标记错误，要么正在使用jQueryYes，jQuery在问题中被标记，但如果您查看OP的源代码，它没有链接jQuery
，因此指出了jQuery在解决方案中的使用。。。因为您没有做到这一点。jQuery和vanilla，涵盖了这两个方面。回答得好+1马丁，如果您想使用此解决方案，请确保包含jQuery库。@NewToJS-Martin已经用jQuery标记了问题，因此他要么标记错误，要么正在使用jQueryYes，jQuery在问题中被标记，但如果您查看OP的源代码，它没有链接jQuery
，因此指出了jQuery在解决方案中的使用。。。因为您没有做到这一点。jQuery和vanilla，涵盖了这两个方面。回答得好+1.