草庐IT

Finding_Elements

全部标签

ruby-on-rails - capybara + Webkit : How to test client side validations - "required" input elements?

使用Rspec和Capybara,我正在尝试测试表单验证失败,其中未填写“必填”输入,因此失败。理解HTML5的新导航器提供内置验证,我知道Capybara也在使用它。之前,我在用page.shouldhave_error这对我不再有用了。现在有人知道如何测试吗?非常感谢!大卫 最佳答案 HTML5客户端验证很难找到。我找到了this发布一个很好的答案。代码是:describe"whenIleaverequiredfieldempty"doit"Igetanthecorrecthtml5validationerror"do#Leav

html - 使用 XmlSlurper : How to select sub-elements while iterating over a GPathResult

我正在编写一个HTML解析器,它使用TagSoup将格式良好的结构传递给XMLSlurper。这是通用代码:defhtmlText="""Heading2href1linktextextrastuffHereistheaddressTelephonenumber:telephonehref2linktextextrastuffHereisanotheraddressAnothertelephone:08451111111"""defhtml=newXmlSlurper(neworg.ccil.cowan.tagsoup.Parser()).parseText(htmlText);htm

html - 显示 :inline-block elements 上的神秘负边距

我真的很困惑为什么会这样。http://syndex.me上的帖子有2px的边距。当页面最初加载时,会遵守这一点。当第二批帖子加载时(开始加载14个帖子)您会看到,由于某些奇怪的原因,右边的帖子实际上比应有的短2px。更奇怪的是,检查帖子显示它们实际上设置了margin:2px更奇怪的是,这只发生在左边距或右边距,而不是顶部和底部(?!)做前端有一段时间了,我很确定这是一个奇怪的案例。我在firefox、safari和chrome上遇到了这个渲染问题。如果我使用检查器翻转帖子,我可以看到每个帖子确实有2px的边距,只是第二个帖子(右边)的边距开始时就好像它旁边的帖子有一个零margin

javascript - html 和 javascript : How to store data referring to html elements

我正在开发一个使用ajax与服务器通信的Web应用程序。我的具体情况如下:我在html页面中列出了用户列表。对于这些用户中的每一个,我可以执行以下操作:更改他们的“状态”或将他们从帐户中“删除”。在页面中存储以下信息的最佳做法是什么:用户名用户当前状态附言:我正在使用jQuery。 最佳答案 有jQuery的数据函数$('li').data('userid',uid);//setsthevalueofuseriduid=$('li').data('userid');//retrievesthevalueofuserid官方文档:ht

html - 如何强制 Safari 重新绘制位置 :fixed elements on scroll?

我在桌面和移动设备上使用Safari时遇到问题,它在用户滚动时重新绘制position:fixed元素的速度非常慢。safari难以处理的具有position:fixed的元素是#intro和.portfolio-item.expanded-content的页脚元素。滚动上的#intro不一定要重新绘制到正确的z-index(它应该在用户滚动时位于其他元素后面)。移动设备上的页脚元素不会停留在iOSSafari滚动内容上方的固定位置。在iOSsafari上滚动时出现锯齿状(然而,iOSchrome是流畅的,一切都按预期工作)。我做了一个fiddle,去掉了所有的图像、字体和JS,你瞧,

html - 为什么高度是:auto not working on 2 floating elements?

这个问题在这里已经有了答案:Whydoesn'ttheheightofacontainerelementincreaseifitcontainsfloatedelements?(7个答案)关闭8年前。div#inner1和div#inner2在div#outer里面,但是还是div#outer的高度使用height:auto显示为0px。如何获取外部div的子元素的高度?这是我的代码:#outer{width:300px;height:auto;background:#ccc;}#inner1{float:left;width:100px;height:100px;background

javascript - scrollTop 和 scrollLeft 在显示 :none elements 上不起作用

我试图在显示之前滚动一个隐藏的元素。这是我正在使用的代码:.main{display:none;position:abolsute;width:250px;height:250px;overflow:scroll;}.bg{background:blueurl(http://defaulttester.com/img/bg-landing-mario.jpg);width:1200px;height:800px;}$(".main").scrollTop($(".bg").height()/2);$(".main").scrollLeft($(".bg").width()/2);如果它

html - 支持 CSS :before and :after pseudo elements 的 html 元素列表

我知道:before,和:after空元素不支持伪元素,但是这些呢:最好有一个列表!谢谢大家! 最佳答案 我将每个HTML元素放在一起。有些甚至在使用它们的地方都不合法……但它似乎仍然有效。如果它用绿色字母表示“有效”,则表示支持该元素。*:not(br):after{content:'itworks';font-weight:bold;padding:5px;color:green;}Name:aName:abbrName:addressName:areaName:articleName:asideName:audioName:b

python - BeautifulSoup 网络抓取 find_all() : finding exact match

我正在使用Python和BeautifulSoup进行网页抓取。假设我有以下html代码要抓取:Product1Product2Product3Product4使用BeautifulSoup,我只想找到具有属性class="product"的产品(仅产品1和2),不是“特殊”产品如果我执行以下操作:result=soup.find_all('div',{'class':'product'})结果包括所有产品(1、2、3和4)。我应该怎么做才能找到类别与“产品”完全匹配的产品?我运行的代码:frombs4importBeautifulSoupimportretext="""Product

html - 如何定位:before & :after pseudo-elements on top of each other?

将一个伪元素直接放置在另一个伪元素之上的最佳方式是什么?假设我想在此处的标签旁边显示一个奇特的“复选框”:label:before{content:"\00a0";color:#FFF;height:6px;width:6px;display:inline-block;}label:after{content:"\00a0";height:18px;width:18px;display:inline-block;background:#ebd196;background-image:linear-gradient(top,#ebd1964%,#e2b65d5%,#ab8844100%)