从HTML表中提取特定的一组值

Question

我正在自学Javascript的过程中，我在理解某些事情时遇到了一些麻烦。

我试图提取每一个＆＃34; Title＆＃34;和＆＃34;讲师＆＃34;此类注册页面中的值为我自己制作增强的计划工具。但是，在我看到的例子中，他们都使用＆＃34; getElementsByClassName（class）＆＃34;和＆＃34; getElementsById（id）＆＃34;从HTML表中提取特定信息。当我在chrome中查看页面源时，我无法在这些调用中找到要指定的唯一类名或id。

有人会介意我指向正确的方向吗？我是否正确使用页面源代码还是有更好的处理方式？

编辑：这是有问题页面的html 视图源：https://admin.wwu.edu/pls/wwis/wwsktime.ListClass

Answer 1

不，你真的没有做错任何事，但不幸的是，网页的创建者没有以一种对你有用的方式使用类和ID。

我建议您创建Google表格以导入表格。 （请参阅Google表格中的importHTML函数。）然后，我将数据检索为JSON并以这种方式使用它。 IMO您将学习使用JSON的更多有价值的技能，而不是解析HTML。本文将引导您从Google表格中获取JSON：http://ctrlq.org/code/20004-google-spreadsheets-json

Answer 2

您可以使用querySelectorAll来使用CSS选择器。

document.querySelectorAll("tr>td:nth-child(3)")和document.querySelectorAll("tr>td:nth-child(8)")将为您提供所有Title和Instructor元素

以下是https://jsfiddle.net/n1fuo87p/

的jsfiddle