查询选择器名称属性 - Javascript

在Javascript中，我们经常需要操作文档对象模型（DOM）来与浏览器网页进行交互。其中一项重要的任务是查询和操作HTML元素。为了能够在Javascript中精确地选择特定的HTML元素，我们需要使用选择器（selector）和属性（property）。

选择器

选择器是一种编写特定元素的规则或者模式，可以用来选择HTML中指定的元素。以下是一些常见的选择器：

• 标签选择器（tag selector）： 通过标签名选取元素。例如，使用<p>标签选择所有段落元素：document.querySelectorAll("p")
• 类选择器（class selector）： 通过类名选取元素。例如，使用class="example"选择所有class为“example”的元素：document.querySelectorAll(".example")
• ID选择器（id selector）： 通过元素ID来选取元素。例如，使用id="example"选择id为“example”的元素：document.querySelector("#example")
• 属性选择器（attribute selector）： 通过属性值来选取元素。例如，使用href="https://www.google.com"选择所有具有指定href属性的元素：document.querySelectorAll('[href="https://www.google.com"]')

以上只是一些简单的选择器，还有许多其他的选择器，可以根据需要进行学习和使用。

属性

在Javascript中，我们还需要使用属性来查询和操作HTML元素。以下是一些常见的HTML属性：

• innerHTML： 用于获取或设置HTML元素的内部HTML代码。例如，获取元素的HTML代码：element.innerHTML；设置元素的HTML代码：element.innerHTML = "<p>Example</p>"
• textContent： 用于获取或设置HTML元素的文本内容（不包含任何HTML标签）。例如，获取元素的文本内容：element.textContent；设置元素的文本内容：element.textContent = "Example"
• className： 用于获取或设置HTML元素的类名。例如，获取元素的类名：element.className；设置元素的类名：element.className = "example"
• src： 用于获取或设置HTML图像元素的URL地址。例如，获取图像元素的URL地址：imageElement.src；设置图像元素的URL地址：imageElement.src = "example.jpg"

以上只是一些常见的HTML属性，还有许多其他的HTML属性可以根据需要进行学习和使用。

总之，通过选择器和属性，我们可以方便地查询和操作HTML元素，实现Javascript与HTML之间的交互。