JS函数修改html的元素内容,及修改属性内容的方法


Posted in Javascript onOctober 28, 2016

修改元素内容:

<body>
	<p id="pid">Hello</p>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			var nv = document.getElementById("pid");
			nv.innerHTML="World";
		}
	</script>
</body>

修改元素标签属性:

<body>
	<a href="http://www.baidu.com/" id="aid" >呵呵</a>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			document.getElementById("aid").href="http://www.jikexueyuan.com";
		}
	</script>
</body>

以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery获取动态生成的元素示例
Jun 15 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
js 函数性能比较方法
Aug 24 Javascript
vue实现简易的双向数据绑定
Dec 29 Vue.js
angularjs 表单密码验证自定义指令实现代码
Oct 27 #Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 #Javascript
不使用script导入js文件的几种方法
Oct 27 #Javascript
JSON 必知必会 观后记
Oct 27 #Javascript
使用JSON作为函数的参数的优缺点
Oct 27 #Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 #Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 #Javascript
You might like
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
PHP中文件上传的一个问题
2010/09/04 PHP
php获取错误信息的方法
2015/07/17 PHP
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
2017/12/13 Javascript
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
python实现控制台打印的方法
2019/01/12 Python
解析Python的缩进规则的使用
2019/01/16 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
通用C#笔试题附答案
2016/11/26 面试题
软件测试面试题
2014/01/05 面试题
公司司机岗位职责范本
2014/03/03 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python
vue基于Teleport实现Modal组件
2021/05/31 Vue.js