如何更改<；部门>；用Javascript标记？_Javascript_Html_Xss_Element

如何更改<；部门>；用Javascript标记？

javascript html

如何更改<；部门>；用Javascript标记？,javascript,html,xss,element,Javascript,Html,Xss,Element,我需要一些关于用JavaScript编辑HTML中的元素的帮助。可以用javascript更改“文本”吗？我尝试过使用document.getElementById，但我认为我做得不对使用类似于css中使用的查询获取元素： var element = document.querySelector('div.header'); 使用textContent属性更改内容： element.textContent = "New Content;" 将图像添加到内容： document.queryS

我需要一些关于用JavaScript编辑HTML中的元素的帮助。可以用javascript更改“文本”吗？我尝试过使用

document.getElementById

，但我认为我做得不对

使用类似于css中使用的查询获取元素：

var element = document.querySelector('div.header');

使用

textContent

属性更改内容：

element.textContent = "New Content;"

将图像添加到内容：

document.querySelector('div.header').innerHTML = "<img src='smiley.gif' alt='Smiley face' height='42' width='42'>";

document.querySelector（'div.header'）.innerHTML=“”；

带有“按我”按钮的简单示例，可调用函数更改文本

<html>
<script>
    function changeText(){
        document.getElementById("header").innerHTML = "changed text";
    };
</script>
<body>
    <div id="header">text</div>
    <button onclick="changeText()">press me</button>
</body>


函数changeText（）{
document.getElementById（“header”）.innerHTML=“已更改的文本”；
};
文本
按我


函数changeText（）{
document.getElementById（“header”）.innerHTML=“已更改的文本”；
};
文本
按我

如果

querySelectorAll

或

getElementsbyClassName

有许多方法可以更改文本

我的答案是，您必须考虑HTML文档的结构

每个ID只能使用一次。最好使用数据lb=“detail”等和div的类

请不要把这看作是一个答案，而只是一个提示

你可以试试这样的东西-

<button id="click">
CLICK
</button>
<div class="header" id="textChange">Text</div>


点击
正文

然后在你的JS中-

$( "#click" ).click(function() {
$( "#textChange" ).replaceWith( "<h2>New heading</h2>" );
});

$（“#单击”）。单击（函数（）{
$（“#文本更改”）。替换为（“新标题”）；
});

document.querySelector（“#div_lb.header”）.textContent='bla'

来吧，谷歌搜索给出了无数的结果：）开始“我试过使用document.getElementById，但我认为我做得不对。”请告诉我们你尝试了什么。这不是无关紧要的——这可能就是为什么你投了五张反对票。你不明白什么？你需要在你的问题中张贴一个帖子来展示你的尝试。图片无法剪切。图像代码无法工作。它只是输出。我还可以问一下“alt”的作用吗？@Anonymous尝试使用

innerHTML

而不是

textContent

。

alt

属性只是在图像不可用或无法查看时显示的文本。图像不需要显示。element.innerHTML=我尝试了这个，但没有成功。我犯了什么错误？@Anonymous图像HTML需要像引用中的字符串一样分配。示例：

element.innerHTML=“”谢谢，现在可以用了