Javascript 在没有jQuery的情况下更改元素文本？_Javascript

Javascript 在没有jQuery的情况下更改元素文本？

javascript

Javascript 在没有jQuery的情况下更改元素文本？,javascript,Javascript,我试图在不使用jQuery的情况下更改div的内容。我想按id或类选择div 我设法在工作中得到了一些帮助： function appendHtml(targetC, htmldata) { var theDiv = document.getElementById(targetC); var newNode = document.createElement('div'); newNode.innerHTML = htmldata; theDiv.appendChi

我试图在不使用jQuery的情况下更改div的内容。我想按id或类选择div

我设法在工作中得到了一些帮助：

function appendHtml(targetC, htmldata) {
    var theDiv = document.getElementById(targetC);
    var newNode = document.createElement('div');
    newNode.innerHTML = htmldata;
    theDiv.appendChild(newNode) 
}

但我不知道如何更改其中一个的文本

有什么想法吗？

编辑：

<div id="foo">old text</div>

这是一把小提琴：

编辑：

<div id="foo">old text</div>

这里有一个小把戏：

只需使用

innerHTML

var anyDiv = document.getElementById(targetID);

html = "content";
anydiv.innerHTML(html);

作为所提供功能的变体：

function changeHtml(targetC, htmldata) {
    var theDiv = document.getElementById(targetC);
    theDIV.innerHTML = htmldata;

}

使用

innerHTML

var anyDiv = document.getElementById(targetID);

html = "content";
anydiv.innerHTML(html);

作为所提供功能的变体：

function changeHtml(targetC, htmldata) {
    var theDiv = document.getElementById(targetC);
    theDIV.innerHTML = htmldata;

}

请参见小提琴，了解基本样品

<html>
<head>
<script>
    function bold(targetC) {
        var theDiv = document.getElementById(targetC);
        theDiv.innerHTML = '<b>' + theDiv.innerHTML + '</b>';
    }
</script>
</head>

<body onload='bold("message")'>
   <div>Hello, World!</div>
   <div id="message">What a nice day!</div>
</body>
</html>


函数粗体（targetC）{
var theDiv=document.getElementById（targetetc）；
theDiv.innerHTML=''+theDiv.innerHTML+''；
}
你好，世界！
多好的一天啊！

有关基本示例，请参见fiddle

<html>
<head>
<script>
    function bold(targetC) {
        var theDiv = document.getElementById(targetC);
        theDiv.innerHTML = '<b>' + theDiv.innerHTML + '</b>';
    }
</script>
</head>

<body onload='bold("message")'>
   <div>Hello, World!</div>
   <div id="message">What a nice day!</div>
</body>
</html>


函数粗体（targetC）{
var theDiv=document.getElementById（targetetc）；
theDiv.innerHTML=''+theDiv.innerHTML+''；
}
你好，世界！
多好的一天啊！

以下是一个可能会回答您问题的答案。我所做的更改是在之前获取元素，然后将其传入

function appendHtml(targetC, htmldata) {
var newNode = document.createElement('div');
newNode.innerHTML = htmldata;
targetC.appendChild(newNode);
}

var getDiv = document.getElementById("testing");

这里有一个可能回答你问题的答案。我所做的更改是在之前获取元素，然后将其传入

function appendHtml(targetC, htmldata) {
var newNode = document.createElement('div');
newNode.innerHTML = htmldata;
targetC.appendChild(newNode);
}

var getDiv = document.getElementById("testing");

@Alosyius给它一个id，查找它并使用

innerHTML

更改它。@Alosyius抱歉，更改了我的答案。不确定它是否有效，但IE7已经开始老化。@Alosyius给它一个id，查找它并使用

innerHTML

更改它。@Alosyius抱歉，更改了我的答案。不确定它是否有效，但IE7已经开始老化。