js怎样动态切断一个div盒子,把盒子分成两份,然后把分开的盒子各自设个id,在继续 *** 作这两个盒子

js怎样动态切断一个div盒子,把盒子分成两份,然后把分开的盒子各自设个id,在继续 *** 作这两个盒子,第1张

切断一个是不可能了,不过你可以在盒子里面用js自动创建两个盒子,先取到盒子的id用documentgetElementById("") 的方法,然后获取到他的宽度和高度,用documentgetElementById("")offsetHeight和documentgetElementById("")offsetWidth方法,然后在里面增加ID,

function $id(){

var aa=documentgetElementsByTagName('div');

for(i=0;i<aalength;i++){

dlall[i]id=i;

}

}

windowonload=$id;

就这样

var p=documentgetElementById("<%=PanelClientID%>");

对于这行代码来说,Panel这个对象是服务端的对象,在客户端无法得到的

function PanelChange(Panel)

显然,这个函数传入的参数是Panel,但是<%=PanelClientID%>这又是在服务端运行的,这里的Panel是一个服务端的对象,与js函数的参数Panel完全是两回事

你这样改一下

function PanelChange(Panel)

{

if(pstyledisplay=="")

pstyledisplay="none";

else

pstyledisplay="";

}

当调用这个函数的时候 ,你就可以把<%=PanelClientID%>当作一个参数传入了:

PanelChange("<%=Panel1ClientID%>");

PanelChange("<%=Panel2ClientID%>");

PanelChange("<%=Panel3ClientID%>");

PanelChange("<%=Panel4ClientID%>");

没发循环获取id值的,因为id具有唯一性,可以通过name属性获取的。

思路:根据name值获取对象数组后使用循环取出id值,关键代码如下:

obj = documentgetElementsByName(input_name);

for(i=0;i<objlength;i++){

  // obj[i]id;

}

实例演示如下:

1、HTML结构:提供了3个name值相同的input和一个name值不同的干扰input

<input type="text" name="test" id="test1" value="name=test id=test1"/>

<input type="text" name="test" id="test2" value="name=test id=test2"/>

<input type="text" name="test" id="test3" value="name=test id=test3"/>

<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>

<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementsByName("test");

str = "";

for(i=0;i<objlength;i++){

str += obj[i]id + " ";

}

alert(str)

}

3、点击按钮后效果

jQuery的选取元素:

可以用以什么开头的,层级关系,:first什么的

或者不用ID选择,你固定的属性或则css样式也是可以,通过class 或者 attr=""选择到你要的元素

JS获取用户控件中的子控件Id

用户控件

<asp:HiddenField ID="hfGradeId" runat="server" />

<asp:HiddenField ID="hfClassId" runat="server" />

//获取用户控件中子控件真实id,用于在页面中的js中调用,调用方法

public string GradeClientID

{

get { return thishfGradeIdClientID; }

}

public string ClassClientID

{

get { return thishfClassIdClientID; }

}

调用用户控件页面使用

if($('#<%=ddlGradeAndClassGradeClientID %>')val()=="-1"||$('#<%=ddlGradeAndClassGradeClientID %>')val()==""){

alert("请选择年级!");

return false;

}

if($('#<%=ddlGradeAndClassClassClientID

%>')val()=="-1"||$('#<%=ddlGradeAndClassClassClientID

%>')val()==""){

alert("请选择班级!");

return false;

}

该问题似乎是使用jQuery,而非原生JavaScript。

问题描述不够详细,建议补充更详细的代码和问题描述。

如果这个div本身已知的 class 等可用于识别的属性,只能通过下面的这个选择器获取这个div的ID了

$(":contains(append添加进去的已知内容)")attr('id')

jQuerycontains() 详细使用方法说明

<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

</head>

<body>

<div id="Mandari" onclick="myFunction(this)">点击我获取DIV id</div>

<div onclick="modify()">点击我修改DIV Mandari的文本</div>

<script>

function modify()

{

var obj=documentgetElementById("Mandari");

objinnerHTML="Mandari DIV的文本修改了"

}

function myFunction(obj)

{

alert(objid);

}

</script>

</body>

</html>

以上就是关于js怎样动态切断一个div盒子,把盒子分成两份,然后把分开的盒子各自设个id,在继续 *** 作这两个盒子全部的内容,包括:js怎样动态切断一个div盒子,把盒子分成两份,然后把分开的盒子各自设个id,在继续 *** 作这两个盒子、js 获取控件ID 问题、js 循环获取 id 函数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存