1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。
2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。
3、最后打开浏览器,可以看到一段文字和一个按钮,点击这个按钮。
4、就可以弹出内容了。
步骤如下:
1、新建文件p,a,input标签。
2、效果如图。
3、创建js脚本定义x获取id=a。
4、输出x里面的内容。
5、js获取id=b的内容。
6、输出b的内容。
7、js获取id=c的内容。
8、输出c的value值。
从js里面获取HTML 的input标签中的内容分两种:
1、获取input标签的值,方法:
根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>。
js中获取方法:$("#name").val();。
2、获取input标签的属性内容,方法:
如有:<input type='text' id='name' value=123 ind='1'>。
要获取ind的值,方法:
$("#name").attr("ind");。
首先,只能取出inline的JS内容,如果脚本是通过 src 加载进来的,这个是没办法取出的。
对于 inline 的 JS 内容,高端浏览器使用 textContent ,IE6/7/8 使用 innerText。下面是例子:
<script id="s1">alert(1);</script>。
var script = document.getElementById( 's1' );。
var text = script.textContent || script.innerText;。
console.log( text ); // output alert(1);。
从js里面获取HTML 的input标签中的内容分两种:
1、获取input标签的值,方法:
根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>。
js中获取方法:$("#name").val();。
2、获取input标签的属性内容,方法:
如有:<input type='text' id='name' value=123 ind='1'>。
要获取ind的值,方法:
$("#name").attr("ind");。
分享