javascript怎么修改td的值

javascript修改td值的方法：1、利用innerHTML属性，语法“指定td节点.innerHTML = "新内容"; ”；2、利用innerText属性，语法“指定td节点.innerText = "新内容"; ”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript修改td的值

方法1：利用innerHTML属性

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    	/head>
    	body>
    		table border="1">
    			tr>
    				th>
    商品/th>
    				th>
    价格/th>
    			/tr>
    			tr>
    				td>
    T恤/td>
    				td id="xg">
    ￥100/td>
    			/tr>
    			tr>
    				td>
    牛仔褂/td>
    				td>
    ￥250/td>
    			/tr>
    			tr>
    				td>
    牛仔库/td>
    				td>
    ￥150/td>
    			/tr>
    		/table>
    		button onclick="myFunction()">
    修改td的值/button>
    		script type="text/javascript">
			function myFunction() {
    				VAR xtd = document.getElementById('xg');
    				xtd.innerHTML = "￥120";
    				xtd.style.color="red";
			}
    		/script>
    	/body>
    /html>
    

方法2：利用innerText属性

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    	/head>
    	body>
    		table border="1">
    			tr>
    				th>
    商品/th>
    				th>
    价格/th>
    			/tr>
    			tr>
    				td>
    T恤/td>
    				td>
    ￥100/td>
    			/tr>
    			tr>
    				td>
    牛仔褂/td>
    				td id="xg">
    ￥250/td>
    			/tr>
    			tr>
    				td>
    牛仔库/td>
    				td>
    ￥150/td>
    			/tr>
    		/table>
    		button onclick="myFunction()">
    修改td的值/button>
    		script type="text/javascript">
			function myFunction() {
    				var xtd = document.getElementById('xg');
    				xtd.innerText = "￥200";
    				xtd.style.color="red";
			}
    		/script>
    	/body>
    /html>
    

【相关推荐：javascript学习教程】

以上就是javascript怎么修改td的值的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！