javascript - 仅使用 Javascript 访问 DOM 元素

Question

我的代码中有 UL

<ul>
  <li><input type="radio" name="color" id="0" value="0"/>RED</li>
  <li><input type="radio" name="color" id="1" value="1"/>GREEN</li>
  <li><input type="radio" name="color" id="2" value="2"/>BLUE</li>
</ul>

无论如何都可以直接使用这些单选按钮的 id 访问这些元素，还是强制使用 JQUERY ......

Answer 1

是的，当然有。

采用

document.getElementById("ElementIdToSelect");

通过它们的 id 选择元素。

Answer 2

for(var i = 0; i < 3; i++){
    var radio = document.getElementById(i + '');
    // use radio
}

我建议使用有意义的 id

编辑：如果你想获得选定的值：

var radios = document.getElementsByName('color');
var selectedValue;
for(var i = 0; i < radios.length; i++){
    if(radios[i].selected){
        selectedValue = radios[i].value;
        break;
    }
}

Answer 3

你的意思是document.getElementById("0")？这应该可以按您的要求工作。这是javascript标准

Answer 4

是的：

document.getElementById('Your ID')

你必须提醒自己，jQuery 只是普通的 javascript，所以用 jQuery 制作的所有东西都可以用原生 javascript 制作。不要过度使用 jQuery 来完成简单的任务

Answer 5

在纯 javascript 的帮助下，您可以通过应用适当的 ID 来访问任何选择器。Jquery不过是Js的增强版。

使用 Javascript :-

document.getElementById("0")  // wil point to first radio button

document.getElementById("1")  // wil point to second radio button

使用 Jquery：-

$(document).ready(function() {
// Handler for .ready() called.
$('#0').YOUREVENT(function(){
  });
});

最终他们最终执行相同的操作。

谢谢...