2

jQuery を使用せずに div の内容を変更しようとしています。IDまたはクラスでdivを選択したい。

私はなんとか追加を機能させました:

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

しかし、1つのテキストを変更する方法がわかりません..

何か案は?

4

4 に答える 4

5

基本的なサンプルについては、このフィドルを参照してください

<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>
于 2013-03-08T14:55:03.540 に答える
0

を使用してdivのhtmlを変更するだけですinnerHTML

var anyDiv = document.getElementById(targetID);

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

提供された関数のバリエーションとして:

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

}

于 2013-03-08T14:52:10.223 に答える
0

ここにあなたの質問に答えるかもしれないフィドルがあります。私が変更したのは、前に要素を取得してから渡すことだけでした。

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

var getDiv = document.getElementById("testing");
于 2013-03-08T15:21:21.333 に答える
0

編集:

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

JS コード:

function appendHtml(targetC, htmldata) {
    var theDiv = document.getElementById(targetC);
    theDiv.innerHTML = htmldata;
}

appendHtml('foo', 'new text');

ここにフィドルがあります:http://jsfiddle.net/7QjcB/

于 2013-03-08T14:49:00.597 に答える