成都网站建设设计

将想法与焦点和您一起共享

javascript如何修改td的值

这篇“javascript如何修改td的值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript如何修改td的值”文章吧。

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站建设、长寿网络推广、成都微信小程序、长寿网络营销、长寿企业策划、长寿品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供长寿建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

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

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

javascript修改td的值

方法1:利用innerHTML属性



	
		
	
	
		
			
				商品
				价格
			
			
				T恤
				¥100
			
			
				牛仔褂
				¥250
			
			
				牛仔库
				¥150
			
		
		修改td的值
		
			function myFunction() {
				var xtd = document.getElementById('xg');
				xtd.innerHTML = "¥120";
				xtd.style.color="red";
			}
		
	

javascript如何修改td的值

方法2:利用innerText属性



	
		
	
	
		
			
				商品
				价格
			
			
				T恤
				¥100
			
			
				牛仔褂
				¥250
			
			
				牛仔库
				¥150
			
		
		修改td的值
		
			function myFunction() {
				var xtd = document.getElementById('xg');
				xtd.innerText = "¥200";
				xtd.style.color="red";
			}
		
	

javascript如何修改td的值

以上就是关于“javascript如何修改td的值”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


网站名称:javascript如何修改td的值
文章路径:http://chengdu.cdxwcx.cn/article/jcpjgd.html