DOM节点的获取和操作

DOM节点的获取和操作是在网页中操作页面元素的重要技术之一。在JavaScript中，可以通过一些方法来获取和操作DOM节点。

要通过ID获取节点，可以使用document.getElementById()方法。例如，如果有一个元素的ID为myElement，可以通过以下方式获取该节点：

var element = document.getElementById('myElement');

要通过标签名获取节点，可以使用document.getElementsByTagName()方法。例如，要获取所有的<p>元素：

var paragraphs = document.getElementsByTagName('p');

要通过类名获取节点，可以使用document.getElementsByClassName()方法。例如，要获取所有类名为myClass的元素：

var elements = document.getElementsByClassName('myClass');

要通过选择器获取节点，可以使用document.querySelector()方法。例如，要获取ID为myElement的元素：

var element = document.querySelector('#myElement');

要修改节点的文本内容，可以使用textContent属性。例如，要将一个元素的文本内容修改为Hello, world!：

element.textContent = 'Hello, world!';

要修改节点的 HTML 内容，可以使用innerHTML属性。例如，要修改一个元素的 HTML 内容为<b>Hello, world!</b>：

element.innerHTML = '<b>Hello, world!</b>';

要添加新的节点，可以使用createElement()和appendChild()方法。例如，要在一个元素内添加一个新的<p>元素：

var newElement = document.createElement('p');
newElement.textContent = 'This is a new paragraph.';
element.appendChild(newElement);

要删除节点，可以使用removeChild()方法。例如，要删除一个元素：

element.parentNode.removeChild(element);

以上是DOM节点的获取和操作的基础知识，希望对你有所帮助。更多高级的DOM操作可以参考相关文档和教程。