这篇文章主要介绍怎么在JS中改变DOM元素的文本内容，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
HTML表单内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="box">
<p></p>
</div>
</body>
</html>
1.textContent：
<script>
const box=document.querySelector(".box");
console.log(box);
const p=document.querySelector('p');
console.log(p);
//textContent:添加文本
p.textContent ="hello world";
</script>2.innerText：
<script>
const box=document.querySelector(".box");
console.log(box);
const p=document.querySelector('p');
console.log(p);
p.innerText ="php.cn";
</script>3.innerHTML：
<script>
const box=document.querySelector(".box");
console.log(box);
const p=document.querySelector('p');
console.log(p);
//将html字符串渲染出来应该使用innerHTML
p.innerHTML='<em style="color:red">php.cn</em>';
</script>以上是“怎么在JS中改变DOM元素的文本内容”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注天达云行业资讯频道！