❶ 通过js动态创建标签,并设置属性方法
当我们在写页面时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：
1.创建某个标签：如下在body中创建一个div的事例；
<script>
function
fun(){
var
frameDiv
=
document.createElement("div");//创建一个标签
var
bodyFa
=
document.getElementById("bodyid");//通过id号获取frameDiv
的父类（也就是上一级的节点）
bodyFa
.appendChild(frameDiv);//把创建的节点frameDiv
添加到父类body
中；
}
<script>
<body
id="bodyid"
>
<!--在此添加div标签-->
</body>
2.添加属性：给创建的标签添加相应的属性：
frameDiv
.setAttribute("id",
"divid");//给创建的div设置id值；
frameDiv
.className="divclass";
//给创建的div设置class；
//给某个标签添加显示的值；
var
h
=
document.createElement("h1");
h.innerHTML
=
data[i].name;
var
p
=
document.createElement("p");
p.innerHTML
=
"要显示的值";
3.创建的标签添加事件：
a.不带参数：
frameDiv.onmousedown
=
fun;//ps：函数名fun后面一定不能带括号，否则会在创建标签的时候执行函数，
而不是鼠标按下时执行；
b.有参数：
frameDiv.onmousedown
=
function(){
fun(this);
}
c.要调用的函数；
function
fun(){
alert("鼠标按下");
}
4.如果担心创建的标签没有被覆盖则可以替换：
var
divFlag
=
document.getElementById("divFlag");
var
divMain
=
document.createElement("div");
if(divFlag
!=
null){
body.replaceChild(divMain,
divFlag);//把原来的替换掉
}
divMain.setAttribute("id",
"divFlag");
以上这篇通过js动态创建标签,并设置属性方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:JS实现给对象动态添加属性的方法JS中动态创建元素的三种方法总结(推荐)js动态创建标签示例代码使用变量动态设置js的属性名
❷ 怎么用javascript动态向标签中添加属性
用setAttribute方法就可以了，如：document.getElementById('d','123456');如果是动态添加标版签的话：
varparent=document.getElementById(obj);
权//添加div
vardiv=document.createElement("div");
//设置div属性，如id
div.setAttribute("id","newDiv");
div.innerHTML="js动态添加div";
parent.appendChild(div);
❸ javascript如果给html页面标签加属性
如果你只对一个A标签这么做，那么先给a标签一个id，然后：
document.getElementById(“a标签的id”).target="_blank";
❹ javascript中如何设置一个标签对象的style.float css属性呢
因为float是Javascript的保留字，不能直接使用obj.style.float来使用，这样操作是无效的回。
其正确的使用方法是为答：IE:obj.style.styleFloat，其他浏览器Mozilla(gecko)，ff等用styleFloat:obj.style.cssFloat。
例子：
<div onclick="alert(this.style.float); this.style.float='left'; alert(this.style.float);">测试1</div>
<div onclick="alert(this.style.float); if(this.style.cssFloat){this.style.cssFloat='left'; }else{this.style.styleFloat='left'; }alert(this.style.float);">测试2</div>
❺ js中如何动态给s标签<s:text name=''/>中设置name属性
给它添个id就好办了<s:text id="myid" name="" />
<script>
document.getElementById("myid").name = "myname";
</script>
❻ js修改标签属性
jquery写法演示如下：
$("li").each(function(){
$(this).click(function(){
//先全部设置成版1.png
$("liimg").attr("src","../images/999new/images/ico/select1.png");
//再设置当前图片权
$(this).attr("src","../images/999new/images/ico/select2.png");
});
});