<legend>P1</legend> <table> <tr> <th scope="row"><label>Link State</label></th> <td><span id="wr1_link">-</span></td> </tr> <tr> <th scope="row"><label>Lock State</label></th> <td><span id="wr1_lock">-</span></td> </tr> <tr> <th scope="row"><label>Sync State</label></th> <td><span id="wr1_sync">-</span></td> </tr> <tr> <th scope="row"><label>Tranceive Bytes</label></th> <td><span id="wr1_tranceive">-</span></td> </tr> <tr> <th scope="row"><label>Sync Source</label></th> <td><span id="wr1_source">-</span></td> </tr> <tr> <th scope="row"><label>Loopback Time(ps)</label></th> <td><span id="wr1_loopback">-</span></td> </tr> <tr> <th scope="row"><label>Oneway Time(ps)</label></th> <td><span id="wr1_oneway">-</span></td> </tr> <tr> <th scope="row"><label>Link Time</label></th> <td><span id="wr1_linktime">-</span></td> </tr> </table> <legend>P2</legend> <table> <tr> <th scope="row"><label>Link State</label></th> <td><span id="wr0_link">-</span></td> </tr> <tr> <th scope="row"><label>Lock State</label></th> <td><span id="wr0_lock">-</span></td> </tr> <tr> <th scope="row"><label>Sync State</label></th> <td><span id="wr0_sync">-</span></td> </tr> <tr> <th scope="row"><label>Tranceive Bytes</label></th> <td><span id="wr0_tranceive">-</span></td> </tr> <tr> <th scope="row"><label>Sync Source</label></th> <td><span id="wr0_source">-</span></td> </tr> <tr> <th scope="row"><label>Loopback Time(ps)</label></th> <td><span id="wr0_loopback">-</span></td> </tr> <tr> <th scope="row"><label>Oneway Time(ps)</label></th> <td><span id="wr0_oneway">-</span></td> </tr> <tr> <th scope="row"><label>Link Time</label></th> <td><span id="wr0_linktime">-</span></td> </tr> </table> 判断wr0_link的值 如果值为1 则让P2的表格亮一点 让P1的表格灰一点 如果值为0 则让P1的表格亮一点 P2的表格灰一点的完整代码
时间: 2023-07-09 12:16:57 浏览: 74
HTML参考手册
这是一个 HTML 页面的代码片段，其中包含两个 legend 和两个 table 元素，每个表格中包含了一些 th 和 td 元素，以及一些 span 元素，这些 span 元素的 id 分别为 wr0_link、wr0_lock、wr0_sync 等等。根据 wr0_link 的值，可以改变 P1 和 P2 表格中的一些元素的样式。
以下是完整的 JavaScript 代码：
```javascript
var wr0_link = document.querySelector("#wr0_link").textContent;
if (wr0_link === "1") {
document.querySelector("legend:nth-of-type(2)").style.opacity = "1";
document.querySelector("table:nth-of-type(2)").style.opacity = "1";
document.querySelector("legend:nth-of-type(1)").style.opacity = "0.5";
document.querySelector("table:first-of-type").style.opacity = "0.5";
} else {
document.querySelector("legend:nth-of-type(1)").style.opacity = "1";
document.querySelector("table:first-of-type").style.opacity = "1";
document.querySelector("legend:nth-of-type(2)").style.opacity = "0.5";
document.querySelector("table:nth-of-type(2)").style.opacity = "0.5";
}
```
这段代码获取了 id 为 "wr0_link" 的元素的文本内容，并将其存储在 wr0_link 变量中。然后根据 wr0_link 的值，将 P1 和 P2 表格中的一些元素的透明度值设置为不同的值，以实现让 P1 或 P2 表格亮一点或灰一点的效果。
阅读全文
相关推荐
<legend class="field_title"> 增加行 </legend> 操作 提单号/运单号 一程日期 二程日期 预计到货日期 海船公司 放箱日期 放箱单上传 <input type="button" name="comment" value="删除"> <input type="text" name="comment"> <input type="date" name="date1"> <input type="date" name="date2"> <input type="date" name="date3"> <input type="text" name="commen1t"> <input type="date" name="date4"> <input type="file" name="attachment"> 新增和删除
<%-- Created by IntelliJ IDEA. User: syp Date: 2023/5/22 Time: 13:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Denglu</title> </head> <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <fieldset style="width: auto; margin: 0px auto"> <legend> 欢迎使用常州工业职业技术学院人员管理系统 </legend>
<form action="loginSuccess.action"> 用户:<input type="text" name="username"/>
密码:<input type="password" name="password"/>
<input type="submit" value="登录"/> 注册 </form> </fieldset> </body> </html>
<form action="loginSuccess.action"> 用户:<input type="text" name="username"/>
密码:<input type="password" name="password"/>
<input type="submit" value="登录"/> 注册 </form> </fieldset>