Question

我有一个表格, 包含许多元素( 输入、选择、复选框等) 。如何对表格中的所有元素应用动作而不按元素做?

以下是我的代码(单位:千兆赫IDE):

storeEval |
window.document.getElementsByTagName( form )[0].id =  myForm ;
window.document.defaultView.getComputedStyle(window.document.myForm.getElementsByTagName( * )).getPropertyValue( background-color );
| result

我有一个错误 : [error] 拖动一个例外 : document. My Form is unfed

我试图这样做:

storeEval |
window.document.getElementsByTagName( form )[0].id =  myForm ;
window.document.defaultView.getComputedStyle(window.document.getElementById( myForm )).getPropertyValue( background-color );

工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常工作正常

当我尝试这样做时:

var myForm = document.getElementsByTagName( form )[0];
var children = myForm.childNodes;

我有一个错误 : [error] 拖动一个例外 : document. My Form is unfed

Answer 1

尝试此 :

Command: storeEval
Target : myForm = selenium.browserbot.getCurrentWindow().document.getElementsByTagName("form")[0].childNodes; var colors = new Array(); for (i=0; i < myForm.length; i++) { colors[i] = window.document.defaultView.getComputedStyle(myForm[i]).getPropertyValue( background-color )}; colors.join()
Value  : result

JavaScript 片段 elenium.browserbot.getCrent Window () 获得您应用程序的窗口。

Answer 2

首先,您需要将 < code> id 属性设置为表格标记的属性, 这样您就可以很容易地将其与 JavaScript 识别。

例如,如果您的窗体 >id 是 my Form , 您可以做到这一点

var children = document.myForm.childNodes;
// or
var children = document.myForm.getElementsByTagName( * );

第一个返回直接后代名单,第二个返回 all 后代名单。

< 加强 > EDIT : 您可以以其他多种方式识别窗体, 而不是 < code> id , 但可能会变得很困难。尝试 < code > 文件。 getElementsByTagName ( form) 。特别是在您页面中只有一个窗体的情况下, 这非常有效。

Answer 3

我不知道为什么你想这样做,但为了在表格标签中提及“强”所有

#my_form * {
  color: #369
}

然而,如果你只提到特定形式要素,那么这些要素并不多,所以你只需在一行中具体说明:

#my_form select, #my_form input, #my_form label, #my_form button {
  color: #369
}

<强度 > 编辑。如果您想要通过 javascript、 < 强度 > 和在表格中引用所有元素, 您可以使用 jQuery 框架( 我强烈建议使用 ), 您可以使用相同的选择器 :

$( #my_form * ).css( ... )
$( #my_form select, #my_form input, #my_form label, #my_form button ).css( ... )

友情链接