- 主题:请教js控制网页元素的两个问题
我编程需要嵌入一个视频传感品的图像,传感器通过浏览器打开它的IP地址访问。
现在有两个问题:
一个是需要登录,我想通过js脚本自动登录,但是网页中登录按钮HTML如下:
<p class="loginInfo">
<span class="forPW" id="forPW" data-i18n-text="userEntry.forgetPwd"></span>
<span class="passWordWrong" id="passWordWrong"></span>
</p>
<p class="loginButton">
<button data-i18n-text="userEntry.login"></button>
</p>
请问我如何用js脚本访问到这个按钮?
第二个问题是登录以后,页面上显示很多信息,我只想显示图像,把其它无关区域关掉。
我看网页源码中都是artical 或section或div元素,想问一下如何才能用js脚本访问到这些元素,把它们隐 藏起来?网页代码摘几行如下:
<article class="tabBar">
<span class="barLogo"><img src="/img/logo.png"></span>
<ul>
<li index="1" class="tabBarLiActive" data-i18n-text="tabBar.basicInfo"></li>
<li index="2" data-i18n-text="tabBar.soluSetting"></li>
<li index="3" data-i18n-text="tabBar.systemSetting"></li>
</ul>
<div data-i18n-title="tabBar.logout">
<span></span>
<div id="loginOut" class="loginOut"><p data-i18n-text='basicInfo.logOut'></p></div>
</div>
</article>
<section class="content" id="cameraSet" style="display:block">
<div class="cameraLeftContent">
<div class="leftFirstHang">
<div class="schemeExecuteController">
<p class="impRunStatue"><button class='executeStepBtn'></button><button class='executeRepeatBtn'></button><button class='stopExecuteBtn'></button></p>
<div class="impRightStatus">
<p class="OK">OK</p>
<p class="NG">NG</p>
</div>
</div>
</div>
--
FROM 223.104.175.*
如果是IP摄像头的话,你可以研究一下ONVIF协议。
【 在 STEP8 (CCC) 的大作中提到: 】
: 我编程需要嵌入一个视频传感品的图像,传感器通过浏览器打开它的IP地址访问。
: 现在有两个问题:
: 一个是需要登录,我想通过js脚本自动登录,但是网页中登录按钮HTML如下:
: <p class="loginInfo">
: <span class="forPW" id="forPW" data-i18n-text="userEntry.forgetPwd"></span>
: <span class="passWordWrong" id="passWordWrong"></span>
: </p>
: <p class="loginButton">
: <button data-i18n-text="userEntry.login"></button>
: </p>
: 请问我如何用js脚本访问到这个按钮?
: 第二个问题是登录以后,页面上显示很多信息,我只想显示图像,把其它无关区域关掉。
: 我看网页源码中都是artical 或section或div元素,想问一下如何才能用js脚本访问到这些元素,把它们隐 藏起来?网页代码摘几行如下:
: <article class="tabBar">
: <span class="barLogo"><img src="/img/logo.png"></span>
: <ul>
: <li index="1" class="tabBarLiActive" data-i18n-text="tabBar.basicInfo"></li>
: <li index="2" data-i18n-text="tabBar.soluSetting"></li>
: <li index="3" data-i18n-text="tabBar.systemSetting"></li>
: </ul>
: <div data-i18n-title="tabBar.logout">
: <span></span>
: <div id="loginOut" class="loginOut"><p data-i18n-text='basicInfo.logOut'></p></div>
: </div>
: </article>
: <section class="content" id="cameraSet" style="display:block">
: <div class="cameraLeftContent">
: <div class="leftFirstHang">
: <div class="schemeExecuteController">
: <p class="impRunStatue"><button class='executeStepBtn'></button><button class='executeRepeatBtn'></button><button class='stopExecuteBtn'></button></p>
: <div class="impRightStatus">
: <p class="OK">OK</p>
: <p class="NG">NG</p>
: </div>
: </div>
: </div>
--
FROM 123.103.9.*
给你的button起个id,然后拿doucument.getElementById("XXX")就可以了
--
FROM 111.194.128.*
谢谢,
但是第一,网页是厂家嵌入在传感器中的,不能修改。
第二,我用的是海特瑞像机,通讯协议比较复杂,我还是想尽量用Web访问
--
FROM 223.104.175.*
jquery选择器,可根据css类名访问
https://www.w3school.com.cn/jquery/jquery_selectors.asp
--
FROM 120.244.214.*
最主要的问题是你的js如果不能嵌入到网页中是起不了作用的吧
--
FROM 120.244.140.*
我是用miniblink加载网页,这个库有函数能嵌入js脚本
【 在 airsendoh 的大作中提到: 】
: 最主要的问题是你的js如果不能嵌入到网页中是起不了作用的吧
--
FROM 223.104.175.*
一点都不会的话,找个人帮你搞吧还是 。。
你这差的有点多。
【 在 STEP8 (CCC) 的大作中提到: 】
: 我试了一下,没成功
: 对于:
: <p class="loginButton">
: ...................
--
FROM 123.127.43.*