gpt4 book ai didi

javascript - 获取元素的 HTML 代码(innerHTML + 元素标签)

转载 作者:行者123 更新时间:2023-12-03 10:34:08 24 4
gpt4 key购买 nike

如何使用当前元素标签获取JavaScript中元素的HTML代码?

例如

<body><div><div class="big"><p>sometext</p></div></div></body>

var x = document.getElementsByClassName('big')[0]

现在我想要获取 x 的 HTML 代码:

'<div class="big"><p>sometext</p></div>'

不仅:

'<p>sometext</p>' like innerHTML.

还有比这更简单的方法吗?

var div = document.createElement("div"); 
div.id='_fooo'; var parent = x.parentNode;
parent.insertBefore(div, x);
div.appendChild(x);
document.getElementById('_fooo').innerHTML

最佳答案

首先,您的 html block 有错误。 <input>是一个空元素,并且它不能有子元素。所以,

<input type="submit" class="big"><p>sometext</p></input>

不是有效的 HTML。

http://stackoverflow.com/questions/13629410/create-input-as-child-of-input

无论如何,您的问题的答案是“outerHTML”属性。

替换您的 <input>标记为 <div>

<div type="submit" class="big"><p>sometext</p></div>

var x = document.getElementsByClassName('big')[0];
var output = x.outerHTML // returns '<div type="submit" class="big"><p>sometext</p></div>'

关于javascript - 获取元素的 HTML 代码(innerHTML + 元素标签),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29080355/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com