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 相关文章推荐
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
JavaScript中遍历对象的property的3种方法介绍
Dec 30 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
Oct 15 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 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
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
js中document.write和document.writeln的区别
2018/03/11 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python实现学校管理系统
2018/01/11 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
四年级数学教学反思
2014/02/02 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
假面舞会策划方案
2014/05/29 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
标准单位租车协议书
2014/09/23 职场文书
老兵退伍标语
2014/10/07 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
领导干部失职检讨书
2015/05/05 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python