如何用js 在div内插入内容

Posted 2023-04-03

思路：先获取div对象，然后用innerhtml属性设置内容。当div用id属性标识时，可以直接用document.getElementById()获取；当div是用其他属性（如name，class）标识，就需要使用document.getElementsByTagName()获取对象，然后循环判断属性进行筛选。

下面实例演示根据div的class设置div的内容：

1、HTML结构

<div class="test"></div>
<input type="text" id="test"/><input type=\'button\' value=\'发送\' onclick="fun()"/>

2、javascript代码

function fun()
    var str = document.getElementById("test").value;
    var divs = document.getElementsByTagName("div");
    for(i=0;i<divs.length;i++)
        if(divs[i].className == "test")
            divs[i].innerHTML += "" +str;
        
    
参考技术A var html = "<tr><inptut type="text"></tr>";

$("#divId").html(html);

如何用javascript取div里面的内容?

如何用javascript取div里面的内容?

使用javascript的获取对象及对象文本的方法可以取到div里面的内容，关键代码如下

document.getElementById(div_id).innerHTML;

下面进行实例演示：

1、Html结构

<div id="test">我是div的内容</div><br>
<input type='button' value='获取div的内容' onclick="fun()"/>

2、javascript代码

function fun()
obj = document.getElementById("test");
alert(obj.innerHTML);

3、点击按钮后的效果

参考技术A 例如：
<div id="divControl">sdfsafasdfasdf3qweqwe</div>
<a href="#" onclick="javascript:getDivContent();">显示DIV内容</a>

javascript

<script>
function getDivContent()

var objDiv = document.getElementsById("divControl");
if(objDiv!=null)

//显示DIV中的内容
alert(objDiv.innerHTML);



</script>本回答被提问者采纳 参考技术B <div id="dd2">ggggggggg</div>
...
...

<script ....>
var text = document.getElemenetById("dd2").innerHTML();
//text 就等于 ggggggg, 你也可以用 innerText()方法,但是,这个方法只是去字符串形式的内容,而忽略内容的格式...
</scirpt>