0

次のHTMLコードでボタン要素を識別する方法

<TABLE id=aotbl_fileDetailsfields border=0 cellSpacing=0 cellPadding=0 width="100%"><TBODY>
<TR class=rowalternate>
<TD width="12%"><LABEL id=aolbl_filePath>File Path</LABEL> <LABEL class=labelmandate>*</LABEL> </TD>
<TD width="2%"><LABEL class=labelcolan>:</LABEL> </TD>
<TD width="30%">
<DIV style="POSITION: relative"><INPUT style="FILTER: alpha(opacity:0); HEIGHT: 30px; -moz-opacity: 0; opacity: 0" onchange="document.getElementById('amtxt_filepath').value=this.value;" tabIndex=-1 name=uploadFile type=file> 
<DIV style="Z-INDEX: -1; POSITION: absolute; TOP: 2px; LEFT: 150px">
**<BUTTON class=formBtn tabIndex=-1 onclick="document.getElementById('uploadFile').click();">Browse...</BUTTON>** </DIV>
<DIV style="Z-INDEX: 1; POSITION: absolute; TOP: 0px; LEFT: 0px"><INPUT id=amtxt_filePath title="" name=amtxt_filePath.value maxLength=75> </DIV></DIV></TD>
<TD width="12%"><LABEL id=aolbl_worksheetName>Worksheet Name</LABEL> <LABEL id=aolbl_worksheetName_mandatory></LABEL></TD>
<TD width="2%"><LABEL id=aolbl_worksheetName_colan></LABEL></TD>
<TD width="30%"><INPUT id=amtxt_worksheetName class=reqInfo name=amtxt_worksheetName.value maxLength=50> </TD></TR></TBODY></TABLE>
4

3 に答える 3

2

//button[text()='Browse...']またclass=formBtn

于 2012-07-11T09:13:16.280 に答える
1

すでに述べたこととは別に、CSS ロケーターを使用すると、次のようになります。

button.formBtn
于 2012-07-11T13:22:58.463 に答える
0

私はFirefoxでfirebugを使用し、（マウスオーバーで）「要素をクリックして検査する」という小さな四角いボックスを使用し、firebugで強調表示されたhtmlを右クリックして、「xpathのコピー」や「cssパスのコピー」などのオプションを取得します。

于 2012-07-11T09:37:10.850 に答える