如何用JavaScript获取<div>*</div>标签中的内容?

Posted 2023-03-27

如题，不要用字符串replace的方法，因为div标签里的内容不一样。
有没有一个属性指向*内容的？
按一楼的兄弟说的改了下，点击没有反应，帮忙看下代码有什么问题。。。

<script language="javascript">
function check(obj)

this.innerhtml="Hello";

</script>
<div id="div1" style=" height:20px; border:solid 1px #999" onClick="check(this)" contentEditable=true></div>

给div赋个ID属性

比如
<div id="div1"><img src="aa.img" alt="" /></div>

var restring=document.getElementById("div1").innerHTML

返回的是<img src="aa.img" alt="" /> 参考技术A <div id="div1" style=" height:20px; border:solid 1px #999" onClick="check(this)" contentEditable=true>XXXXXX</div>
innerHTML 获取 XXXXXX
outerHTML 获取 <div id="div1" style=" height:20px; border:solid 1px #999" onClick="check(this)" contentEditable=true>XXXXXX</div>
假如div中包含元素可用childNodes[Index]属性获取本回答被提问者和网友采纳 参考技术B

给你的div添加一个id属性 id="div1"

然后用javascript 的 document 对象 查找到该div 获取他的HTML

var div_str = document.getElementById('div1').innerHTML;

参考技术C 你真是笨啊 我告诉你 你分给我哦

这地方

function check(obj)

this.innerHTML="Hello";


传进来的是叫obj 当然也要用obj.innerHTML="Hello"; 才行呀。 参考技术D <script language="javascript">
function check(obj)

obj.innerHTML="Hello"; //改这个地方

</script>
<div id="div1" style=" height:20px; border:solid 1px #999" onClick="check(this)" contentEditable=true></div>