js 获取 html标签

JavaScript021

js 获取 html标签,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。

3、在test.html文件内,在div标签内,填写一段文字,并加入一个span标签。

4、在test.html文件内,创建一个button按钮,按钮名称为“获取html”。

5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以弹窗形式显示

7、在浏览器打开test.html文件,点击按钮,查看获得的html标签内容。

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用script标签加载jquery.min.js文件,成功加载该文件,才能使用jquery方法。

3、在js标签内,在页面加载完成时,获取body对象,使用append()方法向body动态添加一个div元素。

4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获取id值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getid()函数。

6、在js标签内,创建getid()函数,在函数内,通过元素名称获得div对象,使用attr()方法获得动态添加div的id值,并使用alert()方法将值输出。

7、在浏览器打开test.html文件,点击按钮,查看结果。

可以!

1、使用mobile-detect.js

2、html

<!DOCTYPEhtml>

<html>

<head>

<metahttp-equiv="Content-Type"content="text/htmlcharset=UTF-8"/>

<metaname="viewport"

content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<title>JS获取手机型号和系统</title>

</head>

<body>

</body>

<script src="jquery.js"></script>

<script src="mobile-adapt.js"></script>

<script>

//判断数组中是否包含某字符串

Array.prototype.contains=function(needle){

for(iinthis){

if(this[i].indexOf(needle)>0)

returni

}

return-1

}

vardevice_type=navigator.userAgent//获取userAgent信息

document.write(device_type)//打印到页面

varmd=newMobileDetect(device_type)//初始化mobile-detect

varos=md.os()//获取系统

varmodel=""

if(os=="iOS"){//ios系统的处理

os=md.os()+md.version("iPhone")

model=md.mobile()

}elseif(os=="AndroidOS"){//Android系统的处理

os=md.os()+md.version("Android")

varsss=device_type.split("")

vari=sss.contains("Build/")

if(i>-1){

model=sss[i].substring(0,sss[i].indexOf("Build/"))

}

//判断是否是oppoR9s

if(model="OPPOR9s"){

alert('您的手机是OPPOR9s')

}

if(model=="MI6"){

alert('您的手机是小米6')

}

}

alert('111'+model+'2222')//打印系统版本和手机型号

</script>

</html>