运行页面 1)上一步保存完成后,双击文件即可使用默认浏览器运行页面2)如果想使用指定浏览器运行,右键文件,选择【打开方式】->挑选任一已经安装的浏览器即可
原生JS方式,详细代码与注释 主要使用的js方法: 父元素.insertBefore(新元素, 目标元素)
原生JS方式,运行效果如下 Jquery方式,必须要引入jquery文件才能使用,此处将jquery下载下来放到Content文件夹中,新的目录结构如下-- Content-- jquery-1.11.3.min.js-- JsTest.html
Jquery方式,详细代码与相关注释见截图 主要使用的jquery方法:before(html文本内容即可)
Jquery方式,运行效果如下 JS JQUERY
varmask
=
document.createElement("div")//js新建元素
mask.setAttribute("id",
"maskDiv")//给元素加id
mask.onclick
=
hideMask//给元素添加点击事件
var
img
=
document.createElement("img")
img.style.float
=
"right"//js设置样式
img.src
=
"http://520.com/images/download_android.png"
img.style.width
=
"320px"
img.style.float
=
"right"
mask.appendChild(img)
document.body.appendChild(mask)//把元素放进body标签里面
1、在我们的电脑上打开软件,新建一个html页面。
2、在html页面创建一个id为xx,值为666的文本框,通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v),来d框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目,可以看到页面d框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。
6、运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)