关于DOM子节点,父节点的问题?

https://img.mukewang.com/5bd94a8a000191d208640749.jpg

在输出子节点内容中,无法实现我想要的结果,请帮忙看下哪儿有问题了。

想要输出
new York
Washington
Chicago
Houston
这四项,请问如何实现?我的代码哪儿有问题了?

潇潇雨雨
浏览 552回答 1
1回答

白板的微信

1.parentNode.lastChild这有问题。可改为parentNode.lastElementChild或者将&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul>改为&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li></ul>因为lastChild会获取到文本节点就是</li></ul>之间的空白换行。2.var child = par.childNodes这个,child其实是<li>US&nbsp;&nbsp;&nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>new&nbsp;York</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Washington</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Chicago</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Houston</li> &nbsp;&nbsp;&nbsp;&nbsp;</ul></li>子节点1:是US文本节点,子节点2是ul,子节点3是最后</ul></li>之间的空白换行。然后改怎么改应该清楚了吧~~可以在查一下节点的分类和lastChild等这些获取子节点的方法,所能获取的类型和范围。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript