在Web开发中，DOM（文档对象模型）是处理网页内容的基础。JavaScript通过DOM与HTML文档进行交互，其中获取DOM节点值是常见操作之一。下面，我将介绍五种实用的方法，帮助你轻松获取DOM节点值。
方法一：使用 .value 属性
对于表单元素（如<input>、<textarea>、<select>等），可以直接使用 .value 属性来获取其值。
// 获取input元素的值
var inputVal = document.getElementById('inputId').value;
// 获取textarea元素的值
var textareaVal = document.getElementById('textareaId').value;
// 获取select元素的值
var selectVal = document.getElementById('selectId').value;
方法二：使用 .innerHTML 属性
.innerHTML 属性可以获取元素内部的HTML内容。
// 获取div元素的HTML内容
var divHtml = document.getElementById('divId').innerHTML;
方法三：使用 .textContent 属性
.textContent 属性可以获取元素内部的文本内容，不包括HTML标签。
// 获取div元素的文本内容
var divText = document.getElementById('divId').textContent;
方法四：使用 .getAttribute() 方法
.getAttribute() 方法可以获取元素的一个属性值。
// 获取input元素的type属性值
var inputType = document.getElementById('inputId').getAttribute('type');
方法五：使用 .dataset 属性
.dataset 属性可以获取元素上的自定义数据属性。
// 获取元素上的data-myattr属性值
var dataVal = document.getElementById('elementId').dataset.myattr;
总结
以上五种方法可以帮助你轻松获取DOM节点值。在实际开发中，你可以根据具体需求选择合适的方法。希望这篇文章能帮助你提高JavaScript编程技能。