【动态更改网页HTML元素(对象)内容_经验交流】教程文章相关的互联网学习教程文章

Javascript-使用jquery(和|或)与Canvas比较两个HTML元素视图【代码】

我有文本DIV,如下所示.我仅针对非IE和Webkit浏览器. 一:<div id="target1"> Some<sup>en</sup> <i><b>text</b></i> </div>上面的行看起来像:带样式的Someen文本 第二:<div id="target2"> Some<sup>en</sup> <span class='boldIt'>text</span></div> .boldIt{font-weight : bold;font-style : italic; }看起来和上面一样.根据观点,两者是相同的.但下方与上方不同<div id="target3"> Someen text</div>我的要求是比较三个目标要素...

javascript-使html元素不使用位置保持在相同位置:固定【代码】

为了显示我想做什么,这里是一个URL. http://octopuscreative.com. 我想要一些东西,当我向下滚动时,青色div像上面的网站一样消失. 我目前可以在代码中进行滚动操作,但是,看不到#main div下面的HTML其余部分.我不知道这是否与我新的#slideshow div(具有固定位置)有关.我以为,由于#slideshow div的高度减小到0,因此我可以看到#main div下面的HTML,但是下面看到的是白色.var header = $('#slideshow'), headerH = header.height();$(wi...

javascript-如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性【代码】

我对angular完全陌生,我有一个angularjs $scope变量:$scope.testme = "inputname",我想将此变量值分配给html元素的名称属性.我想要 以下结果: <输入名称=“输入名称” ...>.但是如何从angularjs作用域变量获取它呢? 谢谢!解决方法:请查看更多https://docs.angularjs.org/guide/databindingvar app= angular.module("app",[]).controller('fCtrl', function($scope){$scope.elementName = "testName"; $scope.myElement = {valu...

python-HTML元素的Scrapy CSS选择器,其类包含非字母数字字符【代码】

我正在使用Scrapy爬网.我试图在响应中选择一个元素. 我的响应对象包含如下所示的HTML:<html><head><title>Title goes here</title</head><body><!-- lots of stuff I am not interested in --><select class="Gy(t)"><!-- elements --></select><!-- lost more stuff of no interest to me --></body> </html>我的代码:def parse(self, response):# ....print (response.selector.css('select.Gy(t)'))我在运行代码时抛出了以下异...

javascript-宽度吸收HTML元素【代码】

我试图思考如何用html元素做到这一点. 颜色没有什么特别的,所以我不需要使它们成为图像.请注意,文本是右对齐的.同样,颜色栏从左上移至文本. 因此,可以通过以下方式实现此目的:使文本浮动为白色,背景色为白色,然后在div旁边设置背景色(然后为透明色). 或代替浮动,我可以使文本右对齐并获得类似的效果. 这是踢脚线. 我正在使用javascript库(无论哪个)都可以创建动画.动画是条形图向左收缩,最终像这样结束: float或text-align方法的...

如何使用javascript更改HTML元素的值?【代码】

我有这个:< input type =“ button” value =“ hello”>我想使用javascript更改值,使其为value =“ goodbye”.我该怎么做呢? 在下面的评论中,遵循@David的建议是我尝试的代码,但在发布此问题之前无法正常工作:var createBttn = document.getElementById('create'); createBttn.innerHTML = 'value="goodbye"';解决方法:首先,您需要获取要更改其值的对象的引用,然后分配该元素的value属性,如下所示: 假设您的元素的ID为“ some...

javascript-对角放置HTML元素【代码】

我是Java语言&的新手.对HTML而言相对较新.我想知道应该使用哪种语言(纯html或Javascript&html).一种算法的一些建议,以便执行以下操作: 在背景上放置4个正方形,但将它们对角放置.每个正方形都是一个链接,您可以单击以转到不同的页面.那么,如何才能像下面的图片一样对角放置html元素? http://i54.tinypic.com/2v7uw5u.png 我相信我的代码看起来像这样:<script>function positionIt(){var screenW = // javascript function to get...

php-将BBCode网址转换为html元素时,仅将YouTube网址转换为iframe标签【代码】

我正在尝试将youtube视频链接转换为iframe,以将其嵌入到我的网站中,但是遇到了问题,因为我已经将url转换为锚标签,并且与youtube url冲突. 这是我的代码:$string = 'https://www.google.com and https://www.youtube.com/watch?v=umFQckeDwEE'; $url = '~(\s|^)(https?://.+?)(\s|$)~im'; $string = preg_replace($url, '[url=$0]$0[/url]', $string); $youtubeURL = '/\s*[a-zA-Z\/\/:\.]*youtu(be.com\/watch\?v=|.be\/)([a-zA-Z...

创建用于JavaScript测试的HTML元素【代码】

所以我有一个特殊的问题,在我的react组件中,我使用了以下命令:document.getElementById('modalsContainer').appendChild(recognitionProfileZoom); document.getElementById('modalsContainer').appendChild(categoryZoom);和:document.getElementById('cddoccategoryzoom').value;但是这些由ID指定的元素在我的组件中不存在.如何在测试中创建这些对象? 下面的代码将使用这些元素,但是会失败,因为它们不存在(hideModal函数利用d...

使用Javascript函数重新加载HTML元素【代码】

我在DIV中嵌入了一个Flash对象.现在,我想使用该div上方的链接(‘a’标签),以便用户能够重新加载该Flash拨号程序,或更具体地说,它包含在其中的div标签(我无法以任何方式更改Flash文件). 我已经尝试过在下面使用此JS函数,但是它不起作用(在点击“重新加载”链接时不会重新加载div和内容.<div class="userProfile"> <script type="text/javascript">function refreshDialer(){document.getElementById("dialerDiv1").contentWindow.lo...

javascript-如何通过名称获取html元素【代码】

java脚本中是否有办法仅获取特定名称,而不使用document.getElementsByName(“ x”);?哪个返回数组?我有一种特殊的情况,我无法使用ID.有什么建议吗?谢谢.解决方法:只需获取第一个元素:document.getElementsByName("x")[0];或出于安全考虑:function getFirstElementByName(element_name) {var elements = document.getElementsByName(element_name);if (elements.length) {return elements[0];} else {return undefined;} }(顺便...

javascript-将多个具有相同ID类和标记HTML的元素拖放到屏幕上的任何位置【代码】

大家好,这是我的第一个问题,所以我可能做错了.我试图实现的是具有多个< aside>所有具有相同ID类和标签的元素都可以通过拖放特性移动到屏幕上的任何位置.我发现一个JSFiddle演示了我所基于的代码,该代码使用一个可移动到任何地方的side元素,但是当使用多个元素时将不起作用.控制运动的代码在这里:function drag_start(event) { var style = window.getComputedStyle(event.target, null); event.dataTransfer.setData("text/plain"...

javascript – jquery删除变量内的html元素(jquery对象)【代码】

在HTML中我有这个DIV:<div class="teaser"><img src="thumb1.jpg"><img src="thumb2.jpg"><br> // usually one thumb image; can be up to threesome text goes here, sometimes not<br><a href="example.html">always a link here</a><br>and sometimes another line here </div>我需要捕获DIV的内容减去变量中的第一行(拇指),以作为标题(标题)传递给灯箱脚本.然而,在一天中我学到了一些关于javascript& amp; jquery(两者都是我...

python – BeautifulSoup解析器无法访问html元素【代码】

我试图刮掉所有列表的hrefs.我对beautifulsoup相当新,之前做过一些刮痧,但之前做过一些刮痧.但我不能为我的生活提取.见下面我的代码.运行此脚本时,容器的长度为零. 我也尝试选择价格(soup.findAll(“span”,{“class”:“amount”}),但它没有反映.欢迎任何建议:)import urllib.request import urllib.parse from bs4 import BeautifulSoupurl = 'https://www.takealot.com/computers/laptops-10130' headers = {} headers['Use...

如何使用JavaScript删除iFrame中的HTML元素【代码】

我有一个iFrame和一个包含内容的div.我想通过JavaScript删除div,这是可能的,我怎么能这样做? 我不想只是不显示它(例如:display:none via CSS),但是从网站的HTML中删除它.我有JavaScript的基本知识,但没有任何使用iFrame的经验.解决方法:您可以使用$("#iFrameId").contents().find("#yourDiv").empty();最好使用remove() 例如:$(“#iFrameId”).contents().find(“#yourDiv”).remove(); 释 empty()将删除选择的所有内容. remov...

元素 - 相关标签