Javascript 如何在和ID'；s元素

基本上，我在CSS中有一个Id元素，我正试图通过JavaScript与之交互。所以我想用：

document.getElementById('dropMenu').style.opacity = '0';

在

#下拉菜单{
不透明度：1；
}

但是我不知道如何具体地与

li

部分交互，这可能吗

谢谢， 詹姆斯

HTML

指数
函数dropMenu（）{
if（document.getElementById（'dropMenu'）.style.height！=“151px”）
{
document.getElementById（'dropMenu'）。style.height='151px'；
document.querySelectorAll（'dropMenu li'）。style.opacity='1'；
console.log（“showingbj”）；
}
其他的
{
document.getElementById（'dropMenu'）。style.height='0px'；
document.querySelectorAll（'dropMenu li'）。style.opacity='0'；
log（“hideObj:”）；
}
}
页面标题



项目



媒体



摄影



关于我

---

在js中，您可以将其编写为

var elems = document.querySelectorAll('#dropMenu li');

for(var index = 0; index < elems.length; index++) {
   elems[index].style.opacity = 0;
}

var elems=document.querySelectorAll（'dropMenu li'）；
对于（var index=0；index

在js中，您可以将其编写为

var elems = document.querySelectorAll('#dropMenu li');

for(var index = 0; index < elems.length; index++) {
   elems[index].style.opacity = 0;
}

var elems=document.querySelectorAll（'dropMenu li'）；
对于（var index=0；index

在js中，您可以将其编写为

var elems = document.querySelectorAll('#dropMenu li');

for(var index = 0; index < elems.length; index++) {
   elems[index].style.opacity = 0;
}

var elems=document.querySelectorAll（'dropMenu li'）；
对于（var index=0；index

在js中，您可以将其编写为

var elems = document.querySelectorAll('#dropMenu li');

for(var index = 0; index < elems.length; index++) {
   elems[index].style.opacity = 0;
}

var elems=document.querySelectorAll（'dropMenu li'）；
对于（var index=0；index

您的

getElementById（'dropMenu'）

正常，然后您可以为所有

li

元素添加“子查询”，并扫描它：

var dropmenu = document.getElementById('dropMenu');
var lis = dropmenu.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++) {
    lis[i].style.opacity = 0;
}

var dropmenu=document.getElementById（'dropmenu'）；
var lis=dropmenu.getElementsByTagName（'li'）；
对于（变量i=0；i

您的

getElementById（'dropMenu'）

正常，然后您可以为所有

li

元素添加“子查询”，并扫描它：

var dropmenu = document.getElementById('dropMenu');
var lis = dropmenu.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++) {
    lis[i].style.opacity = 0;
}

var dropmenu=document.getElementById（'dropmenu'）；
var lis=dropmenu.getElementsByTagName（'li'）；
对于（变量i=0；i

您的

getElementById（'dropMenu'）

正常，然后您可以为所有

li

元素添加“子查询”，并扫描它：

var dropmenu = document.getElementById('dropMenu');
var lis = dropmenu.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++) {
    lis[i].style.opacity = 0;
}

var dropmenu=document.getElementById（'dropmenu'）；
var lis=dropmenu.getElementsByTagName（'li'）；
对于（变量i=0；i

您的

getElementById（'dropMenu'）

正常，然后您可以为所有

li

元素添加“子查询”，并扫描它：

var dropmenu = document.getElementById('dropMenu');
var lis = dropmenu.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++) {
    lis[i].style.opacity = 0;
}

var dropmenu=document.getElementById（'dropmenu'）；
var lis=dropmenu.getElementsByTagName（'li'）；
对于（变量i=0；i

使用querySelectorAll并循环查看更改样式的项目

var items = document.querySelectorAll('#dropMenu li');
for(var i=0;i<items.length;i++){
    items[i].style.opacity="1"
}

var items=document.querySelectorAll（'dropMenu li'）；
对于（var i=0；i使用queryselectoral并循环遍历更改样式的项

var items = document.querySelectorAll('#dropMenu li');
for(var i=0;i<items.length;i++){
    items[i].style.opacity="1"
}

var items=document.querySelectorAll（'dropMenu li'）；
对于（var i=0；i使用queryselectoral并循环遍历更改样式的项

var items = document.querySelectorAll('#dropMenu li');
for(var i=0;i<items.length;i++){
    items[i].style.opacity="1"
}

var items=document.querySelectorAll（'dropMenu li'）；
对于（var i=0；i使用queryselectoral并循环遍历更改样式的项

var items = document.querySelectorAll('#dropMenu li');
for(var i=0;i<items.length;i++){
    items[i].style.opacity="1"
}

var items=document.querySelectorAll（'dropMenu li'）；
对于（var i=0；iYes），这是可能的，但需要一些额外的JavaScript

1） 将getElementById与getElementsByTagName一起使用

var parent = document.getElementById('dropMenu');
var children = parent.getElementsByTagName('li');

// Loop child elements here, using forEach...
Array.prototype.forEach.call(children, ...);

2） 使用querySelectorAll

var children = document.querySelectorAll('#dropMenu li');

// Loop child elements here...
Array.prototype.forEach.call(children, ...);

3） 如果您愿意使用jQuery，那么很容易做到（类似于querySelector）

在forEach（或标准forloop）中，您将直接与元素交互

例如，使用循环的标准：

for (var i = 0, len = children.length; i < len; i++) {
    children[i].style.opacity = 0;
}

是的，这是可能的，但需要一些额外的JavaScript

1） 将getElementById与getElementsByTagName一起使用

var parent = document.getElementById('dropMenu');
var children = parent.getElementsByTagName('li');

// Loop child elements here, using forEach...
Array.prototype.forEach.call(children, ...);

2） 使用querySelectorAll

var children = document.querySelectorAll('#dropMenu li');

// Loop child elements here...
Array.prototype.forEach.call(children, ...);

3） 如果您愿意使用jQuery，那么很容易做到（类似于querySelector）

在forEach（或标准forloop）中，您将直接与元素交互

比如说。使用循环的标准：

for (var i = 0, len = children.length; i < len; i++) {
    children[i].style.opacity = 0;
}

是的，这是可能的，但需要一些额外的JavaScript

1） 将getElementById与getElementsByTagName一起使用

var parent = document.getElementById('dropMenu');
var children = parent.getElementsByTagName('li');

// Loop child elements here, using forEach...
Array.prototype.forEach.call(children, ...);

2） 使用querySelectorAll

var children = document.querySelectorAll('#dropMenu li');

// Loop child elements here...
Array.prototype.forEach.call(children, ...);

3） 如果您愿意使用jQuery，那么很容易做到（类似于querySelector）

在forEach（或标准forloop）中，您将直接与元素交互

比如说。使用循环的标准：

for (var i = 0, len = children.length; i < len; i++) {
    children[i].style.opacity = 0;
}

是的，这是可能的，但需要一些额外的JavaScript

1） 将getElementById与getElementsByTagName一起使用

var parent = document.getElementById('dropMenu');
var children = parent.getElementsByTagName('li');

// Loop child elements here, using forEach...
Array.prototype.forEach.call(children, ...);

2） 使用querySelectorAll

var children = document.querySelectorAll('#dropMenu li');

// Loop child elements here...
Array.prototype.forEach.call(children, ...);

3） 如果您愿意使用jQuery，那么很容易做到（类似于querySelector）

在forEach（或标准forloop）中，您将直接与元素交互

比如说。使用循环的标准：

for (var i = 0, len = children.length; i < len; i++) {
    children[i].style.opacity = 0;
}

作为获取li列表、循环它并以编程方式设置样式的替代方法，您可以使用添加/删除dropMenu元素上的类，或者如果支持较旧的浏览器manipula