（HTML JS javascript) js 中如何得到本标签位于父标签中的第几个_框架

没有直接获取子元素在父元素的序号的方法，需要去循环比对的。

不过，你在循环设置className的时候可以直接把要控制div保存给要被点击的div呀,这样效率高得多

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

first[i3]className='no_click'; //

first[i3]controlTo = second[i3] ;

second[i3]className='no_display';

}

这样first里面的div被点击，只要被点击的divcontrolTo 就能得到对应的要显示的second组的标签了，非常方便，执行效率也很高。

比如某个div被点，只要

thclassName = "click" ;

thcontrolToclassName = "display" 即可 ;

1、利用js代码首先创建一个div，documentcreateElement('div');

2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。

3、确定位置之后，显示div即可。

示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。

方法：

function createDiv(){

//首先创建div

var descDiv = documentcreateElement('div');

documentbodyappendChild(descDiv);

//获取输入框dom元素

var text = documentgetElementById('city');

//计算div的确切位置

var seatX = textoffsetLeft + textoffsetWidth;//横坐标

var seatY = textoffsetTop + textoffsetHeight;//纵坐标

//给div设置样式，比如大小、位置

var cssStr = "z-index:5;width:420px;height:300px;background-color:#FFFF99;border:1px solid black;position:absolute;left:"

+ seatX + 'px;top:' + seatY + 'px;';

//将样式添加到div上，显示div

descDivstylecssText = cssStr;

descDivinnerHTML = '这是一个测试的div显示的内容';

descDivid = 'descDiv';

descDivstyledisplay = 'block';

}

objparentNode

例如：

var child=documentgetElementById("1111");

var parent=childparentNode;

节点的父节点的序号是parentid;

你需要新建一个文件名字为：idproperties 内容为：id=0

package baseutil;

import javaioFileNotFoundException;

import javaioFileOutputStream;

import javaioIOException;

import javaioOutputStream;

import javautilProperties;

import orgspringframeworkcoreioClassPathResource;

public class IdConstructor {

private static Properties properties;

private static ClassPathResource cls;

static{

cls= new ClassPathResource("idproperties");//路径自定义，可以写全路径

properties = new Properties();

try {

propertiesload(clsgetInputStream());

} catch (IOException e) {

Systemoutprintln("文件不存在");

}

//读取文件的值

public static String getAttr(String key){

return propertiesgetProperty(key);

}

//修改文件的值

public static void setAttr(String key,String value) throws FileNotFoundException, IOException{

OutputStream fos = new FileOutputStream(clsgetFile());

propertiessetProperty(key,value);

propertiesstore(fos, null);

fosclose();

}

//生成ID

public int getInt(){

String attr = getAttr("id");

int returnInt = 0;

try {

returnInt = IntegervalueOf(attr);

returnInt++;

setAttr("id",returnInt+"");

} catch (NumberFormatException e) {

returnInt = -1;

} catch (FileNotFoundException e) {

returnInt = -1;

} catch (IOException e) {

returnInt = -1;

}

return returnInt;

}

public static void main(String[] args) throws FileNotFoundException, IOException {

IdConstructor constructor = new IdConstructor();

Systemoutprintln(constructorgetInt());

constructorsetAttr("id", "24");

Systemoutprintln(constructorgetInt());

}

输出：

1、获取选中select的value和text,html代码如下：

<option value="3">three</option>

</select>

则可通过以下script代码s来获取选中的value和text

$("#mySelect")val(); //获取选中记录的value值

$("#mySelect option:selected")text(); //获取选中记录的text值

2、运用new Option("文本","值")方法添加选项option