不管是前端还是后端的开发人员都会有写前端页面的经历，在成为页面开发大手之前都会经历被js或者jq难住的时候，以前没有总结，有的时候百度之后时间长不用还是记不住，在这里送给大家一句话吧，好记性不如烂笔头。这是真的。

下面是总结关于获取节点的详细解析：

以表格为例：

奉上html代码：

<tbody>  <tr>      <td style="width:85px;">承运商ID</td>    	<td style="width:85px;">承运商代码</td>    	<td style="width:85px;">承运商名称</td>    	<td style="width:100px;">系统显示名称</td>    	<td style="width:50px;">状态</td>    	<td style="width:50px;">操作</td>	</tr>  <tr>      <td class="express_id">1</td>    	<td class="express_code">SF</td>      <td class="express_name">顺丰</td>      <td class="system_name">优质快递</td>      <td class="status">禁用</td>      <input type="hidden" value="0" class="status_val">      <td><button value="1" onclick="editExpressInfo(this)">修改</button> </td>   </tr>   <tr>       <td class="express_id">2</td>       <td class="express_code">JD</td>       <td class="express_name">京东</td>       <td class="system_name">优质快递</td>       <td class="status">已启用</td>       <input type="hidden" value="1" class="status_val">       <td><button value="2" onclick="editExpressInfo(this)">修改</button> </td>   </tr></tbody>

js代码：

//点击修改按钮，传递对象，打印出内容function editExpressInfo(obj) {  console.log($(obj))}

浏览器console里输出如图：

查看0：button中的内容

通过查看可以看出当前元素的parentNode和childNodes是哪些元素，然后进行选择

所以点击修改后获取到承运商的名称也就是

要是需要哪些内容的话就从console中打印当前的元素，就可以发现子节点和父节点的元素，也就可以获取到想要的内容。

总结：多查看和了解console中的内容，做好笔记，以后会用到的！

查看更多内容：MySQL性能优化总结，希望可以帮助到你。