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

修改元素内容:

<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的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持~

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js修改元素属性
javascript 元素属性、javascript 修改属性、selenium修改元素属性、js修改元素属性、jquery修改元素属性,以便于您获取更多的相关知识。

时间: 2024-07-30 11:47:00

JS函数修改html的元素内容,及修改属性内容的方法_javascript技巧的相关文章

用js一次改变多个input的readonly属性值的方法_javascript技巧

复制代码 代码如下: <script> function doclick1(){ var txtN = document.getElementsByTagName("input"); for(i=0;i<txtN.length;i++){ if(txtN[i].type="text"){ txtN[i].readOnly=false; } } } </script> <input type="text" id=

JS遍历页面所有对象属性及实现方法_javascript技巧

for...in循环的Javascript示例: <html> <head> <title>一个使用到for...in循环的Javascript示例</title> </head> <body> <script type="text/javascript"> // 创建一个对象 myObject 以及三个属性 sitename, siteurl, sitecontent. var myObject =

引入JS文件IE6报语法错误或缺少对象问题的解决方法_javascript技巧

解决"引入JS文件IE6报错"的问题 问题描述: 页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报"语法错误"或"缺少对象".在IE6+或者IE7却运行正常. 问题分析: 这个对象在引入的JS文件中是存在的,因为在IE6+以上的浏览器都可以正常运行.这个问题在于文件编码上,如果JS文件编码与当前页面的编码不一致,就可能导致在IE6中页面不能正常获取和解析JS文件中的内容,在IE6中,默认引入的文件和页面的编码

js光标定位文本框回车表单提交问题的解决方法_javascript技巧

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法.分享给大家供大家参考.具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串. 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当form中只有一个in

js采用concat和sort将N个数组拼接起来的方法_javascript技巧

本文实例分析了js采用concat和sort将N个数组拼接起来的方法.分享给大家供大家参考,具体如下: 这是某个大型企业的面试题扩展得来的,只是一种解法,但是无法确定是否高效,不过效果确实是实现了! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

js与jquery正则验证电子邮箱、手机号、邮政编码的方法_javascript技巧

本文实例讲述了js与jquery正则验证电子邮箱.手机号.邮政编码的方法. jQuery代码: //验证邮政编码 $("#postcode").blur(function(){ //获取邮政编码 var postcode=$("#postcode").val(); if(is_postcode(postcode)){ $("#postcode_info").html(""); }else{ $("#postcode_

js将json格式的对象拼接成复杂的url参数方法_javascript技巧

var parseParam=function(param, key){ varparamStr=""; if(paraminstanceof String||param instanceof Number||param instanceof Boolean){ paramStr+="&"+key+"="+encodeURIComponent(param); }else{ $.each(param,function(i){ vark=ke

JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法_javascript技巧

本文实例讲述了JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法.分享给大家供大家参考,具体如下: 直接上例子,如下所示: onload = function () { var thisDateText = '/Date(1401076829)/'; document.write(getLocalTime(thisDateText)); }; function getLocalTime(dateText) { dateText = dateText.replace("/

JS+CSS实现自动改变切换方向图片幻灯切换效果的方法_javascript技巧

本文实例讲述了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

JS实现从网页顶部掉下弹出层效果的方法_javascript技巧

本文实例讲述了JS实现从网页顶部掉下弹出层效果的方法.分享给大家供大家参考.具体如下: 这里介绍的JavaScript动画背景出层,实现从网页顶部掉下来的感觉,停止时还带有缓冲弹跳的意思,从上到下显示的动画弹出层,带关闭功能,没有怎么美化,喜欢的用时候息动手美化下,觉得不错. 运行效果如下图所示: 具体代码如下: <HTML><HEAD><TITLE>窗口从上掉下来</TITLE> </HEAD> <BODY bgColor=#fef4d9