Discuss / JavaScript / 为什么“选择Python,Ruby,Swift失败!”？
Back

为什么“选择Python,Ruby,Swift失败!”？

Topic source

Runnnnnnn

#1 Created at ... [Delete] [Delete and Lock User] 
// 选择<p>JavaScript</p>:
var js = document.getElementById('test-p');

// 选择<p>Python</p>,<p>Ruby</p>,<p>Swift</p>:
var arr = document.getElementsByClassName('c-red c-green').children;

// 选择<p>Haskell</p>:
var haskell = document.getElementsByClassName('c-green').lastElementChild;

为什么“选择Python,Ruby,Swift失败!”？

不会闪的星儿

#2 Created at ... [Delete] [Delete and Lock User] 
var arr = document.querySelectorAll(".c-red.c-green>p");

通过

terry_404

#3 Created at ... [Delete] [Delete and Lock User]

我和你一样。。。不知道错左哪

terry_404

#4 Created at ... [Delete] [Delete and Lock User]

F12开着调试来写代码。。。感觉自己就是暴力写出来，而且还很丑

// 选择<p>JavaScript</p>: var js = document.getElementById('test-p');

// 选择<p>Python</p>,<p>Ruby</p>,<p>Swift</p>: var arr= document.getElementsByClassName('c-red c-green')[0].children; console.log(arr);

document.getElementsByClassName('c-red c-green') 返回的是一个两个元素的数组，[0]是<div>节点的Object，[1]是length，半懂不懂的觉得这个length是表示有多少个这样的class。

// 选择<p>Haskell</p>: var haskell = document.getElementById('test-div').lastElementChild.lastElementChild; console.log(haskell);

第3个原本是document.getElementsByClassName('c-green')这样写，但是看调试，返回的是<div class="c-red c-green">...</div>这个节点，好无语。。。于是就暴力写了lastElementChild.lastElementChild;这样勉强pass了。自己都无语了。。。。

这个dom操作不知道哪里还有参考资料？感觉这节还是缺乏了解很多东西

  • 1

Reply