相关疑难解决方法(0)

如何在纯JavaScript上按类名获取所有元素？Jquery中的模拟$('.class')？

我一直在使用jQuery,但是现在我想用纯JavaScript编写一些东西并且它很有挑战性.我目前最大的问题之一是我没有找到设置/更改的方法为一堂课造型.对于具有id的元素,这不是问题,但是我想要更改具有相同类的一组元素的样式,而不仅仅是针对具有id的一个元素的样式.在jQuery中,我只想写:

$('.someClass').css('color','red')

在纯粹的js中真的没有简单的等价吗？

我用Google搜索并找到许多用于隐藏和显示DIV内容的脚本,作为按钮点击时的切换.

但他们使用ID的工作.

我想做同样的事情,但我想使用一个类而不是id,所以如果我想要20个DIV的切换...隐藏/显示我不必添加额外的代码.

这是一些代码:

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>

有人可以帮忙吗？

谢谢

我有一个html元素,我想从视图中隐藏,但我无法通过ID访问该元素,因为它没有ID,我无法为其分配ID.它有一个分配给它的类.有没有可能的方法隐藏这个元素而没有它的id？

如果div没有具有特定类名的子div,是否可以用css隐藏div？

<div class="parent">
 This div must be hidden
</div>

<div class="parent">
 This div must be visible
 <div class="child">
 child div
 </div>
</div>

如果使用CSS不可能,可能使用javascript或jQuery？

想象一下,我在HTML中有一个数据表,每个行都有三个可能的类之一:RowA,RowB和RowC; 它代表行中的信息.(例如,小型,中型和大型车).

在桌子上方,我有3个复选框:"Show Small Cars","Show Medium Cars","Show Large Cars".

如果用户取消选择"显示小型汽车",则包含小型汽车的行应该消失.

我就是这样做的:

function showHideRows(classToShowOrHide, checkBoxSender)
{
  var tableObj = document.getElementById("myDataTable");

  for (i = 0; i < tableObj.childNodes.length; i++)
    if (tableObj.childNodes[i].className == classToShowOrHide)
      tableObj.childNodes[i].style.display = checkBoxSender.checked ? "visible" : "none";
}

有没有更好的办法？例如,我可以使用javascript修改css类来包含/排除display: none吗？

我没有使用jQuery.

我有3个div与类:wpEdit和onClick:alertName()

<div class="wpEdit" onClick="alertName()">Bruce Lee</div>
<div class="wpEdit" onClick="alertName()">Jackie Chan</div>
<div class="wpEdit" onClick="alertName()">Jet li</div>

点击后我想知道点击的Div的类wpEdit的索引:

function alertName(){
    //Something like this
    var classIndex = this.className.index; // This obviously dosnt work
    alert(classIndex); 
}

当点击Bruce Lee时它应该警告:0当点击成龙它应该警告:1当点击Jet Li它应该警告:2

我需要知道单击class ="wpEdit"的哪个实例

所以,这是代码:

<a id="link" href="https://url.com/">URL:</a>
<input id="value"/>

<script type="text/javascript">
    var link= document.getElementById('link');
    var input= document.getElementById('value');
    input.onchange=input.onkeyup= function() {
        link.search= 'extendurl/'+encodeURIComponent(input.value);
    };
</script>

这是有效的,但我需要使用类而不是ID.我试试这个:

<script type="text/javascript">
    var link= document.getElementByClassName("link")[0];
    var input= document.getElementByClassName("value")[0];
    input.onchange=input.onkeyup= function() {
        link.search= 'extendurl/'+encodeURIComponent(input.value);
        link.firstChild.data= link.href;
    };
</script>

<a class="link" href="https://url.com/">URL:</a>
<input class="value"/>

我不知道为什么,但这不起作用.

有人？

我想在我的ASP.Net页面上显示一条消息,如保存按钮点击"记录保存".5秒后,我想隐藏它.
我该怎么做JavaScript？我可以避免添加jQuery(我没有使用它)？

我有一个名为WatchMode的按钮.

单击此按钮时,它将关闭由div ID指定的某些div.

这个javascript如下:

function watchmode() { 
document.getElementById('aps30').innerHTML = " ";
} 

现在,我想对我的页面上出现两次的div做同样的事情,这个div有一个Class而不是ID.

我尝试将此行添加到javascript中,但它似乎不起作用

document.getElementByClassName('floater').innerHTML = " ";

有什么建议 ？？

我有一个动态网页，其中的内容可能包含 1 到 10 个链接，在文本框中提供，类似于以下内容：

<input size="50" id="link" value="http://Something.Something" type="text">
<input size="50" id="link" value="http://SomethingElse.Something" type="text">

我需要 javascript 才能读取所有链接，并能够操作数据（存储在数组中，输出到屏幕等）

我知道我可以使用以下方法读取单个 ID

var link = document.getElementById('link');

哪个将返回第一个匹配项 - 但是，我如何执行循环或获取所有链接的所有值，请记住无法事先确定链接数量？

PS 我试过使用 getElementsByTagName('input') 但是页面上有更多的输入，这意味着它得到的结果比我想要的要多。