JS:按钮单击时,如何获得自己的ID

JS:按钮单击时,如何获得自己的ID,第1张

答案

将html代码改为

<input id='btn1' type='button' onclick='test(this)' title=23 value='保存' />

其中加粗的this是相对你的代码增加的部分。

然后在你页面的js中写一个函数如下:

function test(element){

alert(elementid)

}

演示

我为此问题写了一个测试页面,可以在线测试代码。

这是演示页面的结构:

现在点击保存按钮

d出的提示就是按钮的ID

定义和用法

name 属性可设置或返回 iframe 的名称。

语法

iframeObjectname=name实例

下面的例子可返回 iframe 的名称:

<html>

<body>

<iframe src="frame_ahtm" id="frame1" name="iframe">

</iframe><br />

<script type="text/javascript">

x=documentgetElementById("frame1");

documentwrite("The iframe's name is: ");

documentwrite(xname);

</script>

</body>

</html>

获取元素没问题吧。获取元素还是class来得快,用id,如果是你说的上千个文档,那是不现实的。

滚动也不难。

1 如果是id,可以直接用js取出来id,然后使用

windowlocation = windowlocation+'#获取到的ID'

这样滚动到锚点。

2 如果是class,那就用

var l = documentgetElementsByClassName('类名称');

for(var i=0;i<llength;i++){

    if(!l[i]id) {

        l[i]setAttribute('id', 'mark'+i);

    }

}

也就是先获取到所有的class元素,再给没有id属性的元素添加一个id,最后执行1的 *** 作就可以了。

js中如何获取一个id的值:

方法一、

<html>

<head>

<script

language="javascript">

function

print(){

var

a=myformnamevalue;

alert(a);

}

</script>

</head>

<body>

<form

name="myform">

<input

type="text"

name="name"

id="nn"

/>

<input

type="button"

name="button"

value="获取"

onclick="print()"

/>

</form>

</body>

</html>

这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

方法二、

Java代码

<html>

<head>

<script

language="javascript">

function

print(){

var

a=documentgetElementById("nn")value;

alert(a);

}

</script>

</head>

<body>

<form>

<input

type="text"

name="name"

id="nn"

/>

<input

type="button"

name="button"

value="获取"

onclick="print()"

/>

</form>

</body>

</html>

上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id

以上就是关于JS:按钮单击时,如何获得自己的ID全部的内容,包括:JS:按钮单击时,如何获得自己的ID、JAVASCRIPT ID 取NAME、怎么样才能js 获取id或class文字,并点击到锚点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9847961.html

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

发表评论

登录后才能评论

评论列表(0条)

保存