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 相关文章推荐
javascript getElementsByClassName函数
Apr 01 Javascript
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
javascript计时器详解
Feb 28 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
详解基于mpvue的小程序markdown适配解决方案
May 08 Javascript
js new Date()实例测试
Oct 31 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 Javascript
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
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
php生成微信红包数组的方法
2019/09/05 PHP
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
numpy数组拼接简单示例
2017/12/15 Python
python 异步async库的使用说明
2020/05/04 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
以思科路由器为例你写下单臂路由的配置命令
2013/08/03 面试题
面试后感谢信怎么写
2014/02/01 职场文书
年度考核自我鉴定
2014/03/19 职场文书
员工考核评语大全
2014/04/26 职场文书
经费申请报告
2015/05/15 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers