html 怎么获得 text的值

html-css09

html 怎么获得 text的值,第1张

1.在head中引用jQuery：<script type="text/JavaScript" src="/js/jquery-1.7.1.min.js"></script>2.定义一个text输入框：<input type="text" value="" id="inputValue"/>3.在自定义函数中根据id获取此text的值：var temp = $('#inputValue').val()//获取值alert(temp)//显示4.将输入的 字符串根据 ","分割：var temp = $('#inputValue').val()var getStr = temp.split(",")5.定义一个对象，并打印输入这个对象的值：var jsonData = {}jsonData.MainCmdID = 9100//游戏消息 MDM_GF_GAMEjsonData.SubCmdID = 9012//用户出牌SUB_C_OUT_CART_WEBjsonData.ChairID = 0jsonData.CardCount = getStr.lengthjsonData.CardData = tempvar str = JSON.stringify(jsonData)alert(str)

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#txt').val('测试内容')。

3、浏览器运行index.html页面，此时会发现html中的text被成功用js赋值了“测试内容”的文本。

如某元素的id为

oId

html方法获取:

var

html

=

$("#oId").html()

//该方法获取内容包含元素内的标签

text方法获取:

var

text=

$("#oId").text()

/该方法获取内容不包含元素内的标签

如:

<script>

$(function(){

alert($("#oDiv").html())

alert($("#oDiv").text())

})

</script>

<div

id="oDiv">name:<span>ligoudan</span></div>

依次

提示

name:<span>ligoudan</span>

//html()获取

name:ligoudan

//text()获取