js如何获取html的数据?

html-css014

js如何获取html的数据?,第1张

一般用原生js、jQuery获取html元素的值。<div id="test">数值</div>

原生js写法：

alert(document.getElementById('test').innerHTML)//数值

jQuery写法：

alert($('#test').html())//数值

拓展资料

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

//html：

<input type="text"  id="user"/>

<button onClick="beat()">login</button>

//js

function beat(){

//jQuery获取文本框的值

$("user").val()

window.alert(content.value)

//这个时候比较要用“==”

if(content.value=="admin"){

do...

//跳转页面

//方法1

window.location.href="new.html"

//方法2

window.navigate("new.html")

top.location='new.html'

}else{}

}

扩展资料

<input id="test" type="text" value="HTML5" />

<div id="btn">查看input的值</div>

<script>

var test = document.getElementById("test")

var btn = document.getElementById("btn")

btn.onclick = function(){

alert(test.value)

}

</script>

参考资料：百度百科 HTML