本文实例讲述了JavaScript获取网页中第一个链接ID的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.links获得网页中的所有超级链接数组,然后获得第一个链接的ID属性 <!DOCTYPE html> <html> <body> <h1>sharejs.com</h1> <img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap"> <map name="planetmap"> <area id="sun" shape="rect" coords="0,0,82,126" href="sun.htm" al...
本文实例讲述了JavaScript获取网页中第一个图片id的方法。分享给大家供大家参考。具体如下: 下面的代码通过document.images获取网页中的所有图片,然后获取第一个图片的id属性 <!DOCTYPE html> <html> <body> <img id="klematis lilac" border="0" src="klematis.jpg" width="148" height="112"> <img id="klematis pink" border="0" src="klematis2.jpg" width="149" height="118"> <p>Id of first image: <script> document.w...
本文实例讲述了JavaScript获取页面中表单(form)数量的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.forms数组获得网页中表单(form)的数量 <!DOCTYPE html> <html> <body> <h1>sharejs.com</h1> <form name="Form1"></form> <form name="Form2"></form> <form></form> <p>Number of forms: <script> document.write(document.forms.length); </script></p> </body> </html>运行结果如下: Number of forms: ...
本文实例讲述了JavaScript获取页面中第一个锚定文本的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.archors数组获取第一个archor的innerHTML <!DOCTYPE html> <html> <body> <a name="html">jb51.net</a><br> <a name="css">CSS Tutorial</a><br> <a name="xml">XML Tutorial</a> <p>innerHTML of the first anchor: <script> document.write(document.anchors[0].innerHTML); </script> </p> </body> </html...
本文实例讲述了Javascript获取表单名称(name)的方法。分享给大家供大家参考。具体如下: 下面的代码通过表单的name属性获得表单名称 <!DOCTYPE html> <html> <body> <form id="frm1" name="form1"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> </form> <p>The name of the form is: <script> document.write(document.getElementById("frm1...
本文实例讲述了JavaScript获取网页表单提交方式的方法。分享给大家供大家参考。具体如下: JavaScript获取网页表单的提交方式是get还是post,获取提交方式可以通过表单的method属性获得 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.asp" method="get"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> <input type="subm...
本文实例讲述了JavaScript获取按钮所在form表单id的方法。分享给大家供大家参考。具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取。 <!DOCTYPE html> <html> <body> <h1>www.sharejs.com</h1> <form id="form1"> <button id="button1" type="button">Click me!</button> </form> <p>The id of the form containing the button is: <script> document.write(document.getElementById("button1").form...
本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> <input type="submit" value="Submit"> </form> <p>Return the v...
本文实例讲述了JavaScript获取表单enctype属性的方法。分享给大家供大家参考。具体如下: <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> </form> <p>Form data will be encoded as: <script> document.write(document.getElementById("frm1").enctype); </script> </p> <...
本文实例讲述了JavaScript获取网页表单action属性的方法。分享给大家供大家参考。具体如下: JavaScript获取网页表单的action属性,即要提交到的url地址,有时候需要提交到当前页面,则可能会设置action为空 <!DOCTYPE html> <html> <body> <form id="frm1" action="jb51.php"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> <input type="subm...
本文实例讲述了JavaScript获取网页支持表单字符集的方法。分享给大家供大家参考。具体如下: JavaScript获取网页支持表单的字符集可通过表单的acceptCharset方法获得 <!DOCTYPE html> <html> <body> <form id="frm1" accept-charset="ISO-8859-1"> First name: <input type="text" name="fname" value="Donald"><br> Last name: <input type="text" name="lname" value="Duck"><br> </form> <p>The value of the accept-charset at...
这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是:代码如下: event.selection = window.getSelection();这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字。代码如下: $(document).ready(function () { $(".contenttext").mouseup(function (e) { var txt; var parentOffset = $(this).offset(); var x = e.p...
CSS伪元素(pseudo-elements)非常的有用——你可以用它制作出CSS三角形,用在提示框上面,还可以用它完成很多简单的任务,而不需要多余的HTML元素。以前,伪元素的CSS属性是无法用JavaScript获取的,但现在,有了一个新的JavaScript方法可以访问它们! 假设你的CSS代码是这样的:代码如下: .element:before { content: NEW; color: rgb(255, 0, 0); }为了获取.element:before里的样式属性,你可以使用下面的JavaScript代码:代码如...
一、获取元素的行内样式代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来二、获取计算后的样式代码如下: var obj = document.getElementById("test"); var style = null; if (window.getComputedStyle) { style = window.getComputedStyle(obj, null); // 非IE } else { style = obj.currentStyle; // IE } ...
本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。 需要注意ie的问题。 代码如下:代码如下:<script type="text/javascript"> function getFieldSelection(select_field) { word=; if (document.selection) { var sel = document.selection.createRange(); if (sel.text.length > 0...