Question

JS 如何控制DIV中内容

<div class="sponsor"></div> 这个是网页中的一个DIV

我希望在JS里控制 这个DIV 区域中显示的内容 如何制作这个JS呢?

暂时用的是 类似 <script>left()</script> 这样的 感觉很不方便

请高人指教 谢谢
这个ID 已经解决了 但是为什么应用在CLSS 上就无法生效呢?

Answer 1

思路：先获取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 += "<br>" +str;
		}
	}
}

3、效果演示

Answer 2

jquery轻易解决
$(function(){
$(".sponsor").html("1234"); //1234也可以是变量 则不需要双引号 要先引用jquery文件 jquery.com可以看到
});

Answer 3

你通过js获取他的class，innerHTMLGEI给他赋值

Answer 4

var div=document.getElementByTag("div");
div.innerHTML="Hello World";