javascript怎么获取元素的所有内容

javascript怎么获取元素的所有内容,第1张

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中怎么获取请求的参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9301373.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存