documentgetElementById();//获取id
documentgetElementsByClassName('')[];//获取class
documentgetElementsByTagName('')[];//获取标签
documentgetElementById('')innerHTML;//获取标签内的内容
documentgetElementById('')innerText;//获取标签内的文本
innerHTML和innerText是有区别的,自己百度
<input id="test" />
<input id="btnSubmit" type="button" value="提交按钮" />
<script>
var btnSubmit = documentgetElementById('btnSubmit'); // 获取按钮
btnSubmitonclick = function (e) { // 给按钮绑定click事件
var input = documentgetElementById('test'); // 获取文本框
var curVal = inputvalue; // 获取文本框内容
if (curVal) { // 文本框有内容(此处的合法性判断,你可以根据具体情况做处理)
windowlocationhref = '>
通过使用windowlocationsearch可以获取到当前URL的号开始的字符串,如前面的链接获取到的search为id=001,再对获取的字符串进行处理,就可以获取到参数的值了,参考代码如下:
<SPAN style="FONT-SIZE: 14px">function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&])(&|$)");
var r = windowlocationsearchsubstr(1)match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
</SPAN>
在调用上面的方法的时候,只要传入参数的名称,就可以获取到想要的参数的值了,如:getUrlParam("id")。
这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。
需要注意ie的问题。
代码如下:
复制代码 代码如下:
<script type="text/javascript">
function getFieldSelection(select_field)
{
word='';
if (documentselection) {
var sel = documentselectioncreateRange();
if (seltextlength > 0) {
word = seltext;
}
}
else if (select_fieldselectionStart || select_fieldselectionStart == '0') {
var startP = select_fieldselectionStart;
var endP = select_fieldselectionEnd;
if (startP != endP) {
word = select_fieldvaluesubstring(startP, endP);
}
}
return word;
}
< /script>
< textarea id="a" rows="3" cols="20">选择我,然后点击下面的按钮</textarea><br />
< button onclick="alert(getFieldSelection(documentgetElementById('a')))">button_click</button>
< br />
< strong>
注:当在IE里使用非按钮的元素onclick触发事件的时候,会得不到结果。因为在IE里,当一个非按钮元素被click,整个页面中的选择内容将会被改变。而在firefox,opera下就不存在这个问题。所以上面的(Span_onclick)在IE下将不可用。
1、radio为单选按钮,一般单选按钮有多个可供选择的项,而只能选择一个,比如男、女
2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等 *** 作
javascript
获取event
先从一个简单的例子说起,一个简单的button控件如下:
<input
type='button'
name='mybtn'
id='mybtn'
onclick='myFunc()'/>
然后为其注册事件,这样的情况,怎么在javascript里获取event呢,特别是firefox的情况。请看:
<script
type='text/javascript'>
function
myFunc(){
var
ev
=
windowevent
||
argumentscalleecallerarguments[0]
,et
=
evsrcElement
||
evtarget;
alert(ettagName);
}
</script>
不出意外的话,在ie/ff下,上面例子都将输出INPUT,即是触发click事件节点的标签名,ie的event获取这里就不说了,重点说说ff下的情况。
这里的argumentscalleecallerarguments[0]看起来又长又怪,为什么在firefox的情况下,这个东西就是event呢?
首先得了解argumentscallee是什么东西,caller又是什么样的属性?
argmentscallee就是函数体本身,argumentscalleecaller就是函数体的调用函数体
简单例子如下:
<script
type='text/javascript'>
function
a(){
b();
}
function
b(){
alert(b
===
argumentscallee)
alert(bcaller
===
a)
alert(argumentscalleecaller
===
a)
}
a();
</script>
不出意外,上面的例子将输出3个true,表明当a()调用时,函数b与函数a的关系。
好,弄清楚了argumentscallee与caller,我们再把原先的例子改改
<script
type='text/javascript'>
function
myFunc(){
alert(argumentscalleecallertoString())
var
ev
=
windowevent
||
argumentscalleecallerarguments[0]
,et
=
evsrcElement
||
evtarget;
}
</script>
我们把argumentcalleecaller的函数体输出,看看到底在ie和ff下有何区别
可以看到ie下输出为
function
anonymous(){
myFunc()
}
ff下输出为
function
onclick(event){
myFunc();
}
由此看出在html控件中直接注册事件在ie/ff下表现的不同,
ie下定义了一个匿名函数,内部再执行用户定制的函数(myFunc),而ff下则有所
不同,首先ff下定义了一个与节点事件同名的函数,这里是onclick事件,所以是function
onclick,然后event作为一个参数传入,内部再执行myFunc
所以当事件触发时,在myFunc里,argumentcalleecaller就是指向function
onclick,当然,argumentcalleecallerarguments[0]即为event了
以上这篇火狐和ie下获取javascript
获取event的方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
可以通过js dom 来获取,对元素设一个id值,然后为元素绑定一个click事件或直接设置 "onclick=",然后调用相应的function,在function中通过:documentgetElementById("") ,就可以获取到地点的元素对象,然后在浏览器中按F12进行调试,就可以看到这个对应的所有属性及方法,当然元素的值也在里面。
单纯获取值是:documentgetElementById("")value;
以上就是关于javascript怎么获取元素的所有内容全部的内容,包括:javascript怎么获取元素的所有内容、怎么用javascript获取文本域的信息、javascript中怎么获取请求的参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)