博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js向标签中添加文本或其他的简例
阅读量:6427 次
发布时间:2019-06-23

本文共 2541 字,大约阅读时间需要 8 分钟。

1、如何用js 在div内插入内容?

不是改变内容,而是插入,就是在保留原内容的基础上,在尾部添加。举个例子。元内容
你好
插入后
你好世界
最好不要用 获取原内容,然后在组合新字符串后改变正规内容

通过document.createTextNode来添加

您好

2、JS把内容动态插入到DIV

  
Testing

example.js 文件内容:

window.onload = function() {  var testdiv = document.getElementById("testdiv");  testdiv.innerHTML="

I inserted this content.

";}

另一段代码:

window.onload = function() {  var para = document.createElement("p");  var txt1 = document.createTextNode("I inserted ");  var emphasis = document.createElement("em");  var txt2 = document.createTextNode("this");  var txt3 = document.createTextNode(" content.");  para.appendChild(txt1);  emphasis.appendChild(txt2);  para.appendChild(emphasis);  para.appendChild(txt3);  var testdiv = document.getElementById("testdiv");  testdiv.appendChild(para);}

这与在DIV内动态载入另一个页面非常相似!

3、span的赋值与取值

1、span的文本的取值。 js取的值并不是用document.getElementById('span_noticesg').value,而是document.getElementById('span_id').innerText。jquery取的值,是$("#span_noticesg").html(); 2、的赋值。$('#span_id').html("span的文本");document.getElementById('span_id').innerText="span的文本";

4、jquery修改a标签的href链接和文字

以下修改a标签的href链接和修改文字的代码:原链接:柯乐义修改a标签的href链接:$('#home_keleyi_com').attr('href','http://keleyi.com');修改文字:$("#home_keleyi_com").text('柯乐义首页');修改后的链接为:柯乐义首页下面是完整代码: jquery修改链接--柯乐义 jquery修改a标签的href链接和文字,先点击下面链接
然后点击"改变"按钮,然后点点击一次下面的链接,注意两次打开页面的不同:
原文

5、js解析json数组

解析json数组即对JSONArray的遍历一、对于标准的json数组如:var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}];1进行遍历的时候,可以直接通过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"}]};1进行遍历之前得先解析出标准的json数组格式即[{},{}]var data= result.datas;11.  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对象来进行返回解析

  

 

转载于:https://www.cnblogs.com/YLQBL/p/8646031.html

你可能感兴趣的文章
Hive之三种查询方式
查看>>
《大数据思维——从掷骰子到纸牌屋》
查看>>
javascript实现中国各大城市快速下拉选择
查看>>
Copycat - Overview
查看>>
redis命令操作之generic和string.java
查看>>
java的接口回调
查看>>
数据结构之自建算法库——单链表
查看>>
干掉你代码中的坏味道
查看>>
elasticsearch web界面查询
查看>>
python selenium,PhantomJS运用 抓取滚动条滚动加载的页面, js动作操作,模拟登陆...
查看>>
Comparable Comparator equals
查看>>
[LeetCode]--172. Factorial Trailing Zeroes
查看>>
对象跟踪小白?本文带你玩转OpenCV(C ++ / Python)
查看>>
28个你必须知道的HTML5的新特性,技巧以及技术
查看>>
使用阿里云code和git管理项目
查看>>
Java Hibernate 之 CRUD 操作
查看>>
mysql 主从复制相关的日志文件
查看>>
Exchange Management Shell高效命令汇总
查看>>
九:Cocos2d-x的CCNode
查看>>
服务器的定义及分类
查看>>