关于js对于标签样式内容的若干使用方法

//在控制台输出dat数据包的数据

console.log(dat);

//判断dat数据包内是否包含指定文字

    if(dat.indexOf("添加成功")>-1){ 
//alert('tis:添加成功啦');
//alert(document.getElementById("btn").innerHTML);//弹出id=btn的容器内容
//document.getElementById("btn").id = 'myDivId_new';//修改ID

document.getElementById("btn").innerHTML = "";//隐藏重新选择图片的控件
document.getElementById("pic_xuanze").innerHTML = "";//隐藏重新选择图片的控件

//修改pic_shangchuang容器内的内容
document.getElementById("pic_shangchuang").innerHTML = "<div style='color:#fff;border-radius: 4px;background-color: #6495ED;width:100px;height:30px;line-height:30px;text-align: center;margin:0 auto; margin-top:15px;'>上传成功</div>";

//修改pic_show容器的style
//document.getElementById("pic_show").style = "border-radius: 8px;  border: 0; width:150px;height:150px; ";


//循环修改多个id=pic_show的样式
var pic_show = document.querySelectorAll("[id='pic_show']");
for(var i = 0; i < pic_show.length; i++) {
pic_show[i].style='border-radius: 8px;  border: 0; width:124px;height:124px;';
}

//循环修改多个id=pic_show_box和在id=pic_show_box的内容后加上新的内容
var pic_show_box = document.querySelectorAll("[id='pic_show_box']");
for(var i = 0; i < pic_show_box.length; i++) {
pic_show_box[i].style='border-radius: 8px;width:126px;height:126px; ';
pic_show_box[i].innerHTML=pic_show_box[i].innerHTML+"<p style='opacity:0.7;'><span>成功-查看大图</span></p>";
}

//循环修改多个id=pic_del的样式及清空容器的内容及class
var pic_del = document.querySelectorAll("[id='pic_del']");
for(var i = 0; i < pic_del.length; i++) {
pic_del[i].innerHTML='';
pic_del[i].class='';
pic_del[i].style='display:none;';
}
关于js对于标签样式内容的若干使用方法
版权声明:若无特殊注明,本文皆为《 傲世零零 》原创,转载请保留文章出处。
本文链接:关于js对于标签样式内容的若干使用方法 http://www.wangjunjiang.com/?post=133
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗

评论信息框

吃奶的力气提交吐槽中...