js向标签中添加⽂本或其他的简例1、如何⽤js 在div内插⼊内容？
不是改变内容，⽽是插⼊，就是在保留原内容的基础上，在尾部添加。举个例⼦。
元内容<div>你好</div>
插⼊后<div>你好世界</div>
最好不要⽤获取原内容，然后在组合新字符串后改变正规内容
通过ateTextNode来添加
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
var ElementById("div1");
var txt =ateTextNode("世界");
oDiv.appendChild(txt);
}
</script>
</head>
<body>
<div id="div1">
您好
</div>
</body>
</html>
2、JS把内容动态插⼊到DIV
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Testing</title>
</head>
<script type="text/javascript" src="example.js">
</script>
<body>
<div id="testdiv">
</div>
</body>
</html>
example.js ⽂件内容：
jquery修改html内容var testdiv = ElementById("testdiv");
testdiv.innerHTML="<p>I inserted <em>this</em> content.</p>";
}
另⼀段代码：
var para = ateElement("p");
var txt1 = ateTextNode("I inserted ");
var emphasis = ateElement("em");
var txt2 = ateTextNode("this");
var txt3 = ateTextNode(" content.");
para.appendChild(txt1);
emphasis.appendChild(txt2);
para.appendChild(emphasis);
para.appendChild(txt3);
var testdiv = ElementById("testdiv");
testdiv.appendChild(para);
}
这与在DIV内动态载⼊另⼀个页⾯⾮常相似！
3、span的赋值与取值
1、span的取值。
js取值：ElementById('span_id').innerText。并不是⽤ElementById('span_noticesg').value；
jquery取值：$("#span_noticesg").html();
2、<span id="span_id"></span>的赋值。
jQuery赋值：$('#span_id').html("span的⽂本");
js赋值:ElementById('span_id').innerText="span的⽂本";
4、jquery修改a标签的href链接和⽂字
以下修改a标签的href链接和修改⽂字的代码：
<script type="text/javascript" src="http:/keleyi/keleyi/pmedia/jquery-1.9.1.min.js"></script>
原链接：
<a href="keleyi" id="home_keleyi_com">柯乐义</a>
修改a标签的href链接：
$('#home_keleyi_com').attr('href','keleyi');
修改⽂字：
$("#home_keleyi_com").text('柯乐义⾸页');
修改后的链接为：
<a href="keleyi" id="home_keleyi_com">柯乐义⾸页</a>
下⾯是完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<title>jquery修改链接--柯乐义</title>
<script type="text/javascript" src="keleyi/keleyi/pmedia/jquery-1.9.1.min.js"></script>
</head>
<body>
jquery修改a标签的href链接和⽂字，先点击下⾯链接<br />然后点击"改变"按钮，然后点点击⼀次下⾯的链接，注意两次打开页⾯的不同：<br />
<a href="keleyi/a/bjac/d863921ed93d03ff.htm" id="home_keleyi_com" target="_blank">原⽂</a> <input type="button" value="改变" id="gb_keleyi_com" /> <script type="text/javascript">
$("#gb_keleyi_com").bind("click",function (){
$('#home_keleyi_com').attr('href','keleyi');
$("#home_keleyi_com").text('柯乐义⾸页');})
</script>
</body>
</html>
5、js解析json数组
解析json数组即对JSONArray的遍历
⼀、对于标准的json数组如:
var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}];
进⾏遍历的时候，可以直接通过for循环遍历这个数组，有两种⽅法
1. for (var i = 0; i < result.length; i++)
{
//result[i]表⽰获得第i个json对象即JSONObject
//result[i]通过.字段名称即可获得指定字段的值
result[i].userName;
}
2. for(var i in result)
{
//表⽰遍历数组，⽽i表⽰的是数组的下标值，
//result[i]表⽰获得第i个json对象即JSONObject
//result[i]通过.字段名称即可获得指定字段的值
result[i].userName;
}
⼆、对于不标准的json数组如:
var result={"datas":[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}]};
进⾏遍历之前得先解析出标准的json数组格式即[{},{}]
var data= result.datas;
1. for (var i = 0; i < data.length; i++)
{
//data[i]表⽰获得第i个json对象即JSONObject
//data[i]通过.字段名称即可获得指定字段的值
data[i].userName;
}
2. for(var i in data)
{
//表⽰遍历数组，⽽i表⽰的是数组的下标值，
//data[i]表⽰获得第i个json对象即JSONObject
//data[i]通过.字段名称即可获得指定字段的值
data[i].userName;
}
注意点：eval()⽅法的作⽤
**
在JS中将JSON的字符串解析成JSON数据格式，⼀般有两种⽅式：
1. ⼀种为使⽤eval()函数。
2. 使⽤Function对象来进⾏返回解析
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论