js怎么根据div id修改其他div样式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么根据div id修改其他div样式相关的知识，希望对你有一定的参考价值。
循环出来的div默认都是隐藏，点击其中一个，在js中把这个div样式改为显示，点击另一个就把另一个改为显示，之前的改为隐藏。这个该怎么实现呢
<body>
<div style="height: 20px;width: 20px;background: #666;" id="node">
</div>
<script>
// 使用原生JS
var node = document.getElementById("node");
node.style.background = "black";
//
var node = $("#node");
node.css("background", "#111");
</script>
</body> 参考技术A document.getElementById("Div的ID").style.display = "block"; 获取Div的ID，可以直接修改样式了追问
在改变div样式的同时，还需要往这个div里追加一些内容，把修改的放在这里，没有效果
追答window.onload = function ()
var oDiv = document.getElementById("div1");
var txt = document.createTextNode("世界");
oDiv.appendChild(txt);
您好!
搞定了，我先把所有的都隐藏，然后再把点击的显示
本回答被提问者采纳 参考技术B 首先获取你要修改的对象，再用style.css或styleName修改如何用js 在div内插入内容
思路：先获取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);
以上是关于js怎么根据div id修改其他div样式的主要内容，如果未能解决你的问题，请参考以下文章
js判断一个div的图片数量(最多三张),根据数量控制图片的css样式，如下图