C# 父项返回错误的父项
我试图通过C#为网页上的随机元素生成CSS选择器。一些背景: 我使用带有WebBrowser控件的窗体。在导航时,可以请求光标下元素的CSS选择器。当然,通过以下方式获取html元素非常简单:C# 父项返回错误的父项,c#,css,css-selectors,C#,Css,Css Selectors,我试图通过C#为网页上的随机元素生成CSS选择器。一些背景: 我使用带有WebBrowser控件的窗体。在导航时,可以请求光标下元素的CSS选择器。当然,通过以下方式获取html元素非常简单: WebBrowser.Document.GetElementFromPoint(<Point>); 此选择器基于:eq运算符,因为它是由jQuery和/或SizzleJS处理的(这两个支持:eq-原始CSS选择器不支持。为帮助我澄清这一点,向@BoltClock竖起大拇指)。所以,你明白了。
WebBrowser.Document.GetElementFromPoint(<Point>);
此选择器基于:eq运算符,因为它是由jQuery和/或SizzleJS处理的(这两个支持:eq-原始CSS选择器不支持。为帮助我澄清这一点,向@BoltClock竖起大拇指)。所以,你明白了。为了实现这一目标,我们将检索到的HtmleElement提供给下面的方法,并通过询问遇到的每个元素的父元素开始向上提升DOM树:
private static List<String> GetStrictCssForHtmlElement(HtmlElement element)
{
List<String> familyTree;
for (familyTree = new List<String>(); element != null; element = element.Parent)
{
string ordinalString = CalculateOrdinalPositionAmongSameTagSimblings(element);
if (ordinalString == null) return null;
familyTree.Add(element.TagName.ToLower() + ordinalString);
}
familyTree.Reverse();
return familyTree;
}
private static string CalculateOrdinalPositionAmongSameTagSimblings(HtmlElement element, bool simplifyEq0 = true)
{
int count = 0;
int positionAmongSameTagSimblings = -1;
if (element.Parent != null)
{
foreach (HtmlElement child in element.Parent.Children)
{
if (element.TagName.ToLower() == child.TagName.ToLower())
{
count++;
if (element == child)
{
positionAmongSameTagSimblings = count - 1;
}
}
}
if (positionAmongSameTagSimblings == -1) return null; // Couldn't find child in parent's offsprings!?
}
return ((count > 1) ? (":eq(" + positionAmongSameTagSimblings + ")") : ((simplifyEq0) ? ("") : (":eq(0)")));
}
这将引导我们回到我们开始的跨度节点。。。然而,有一个转折:
regetSpanElement.Parent.TagName;
现在报告李为父X-X。这怎么可能?有什么见解吗
提前再次感谢您
注:
predictCss = function(s, noid, noclass, noarrow) {
var path, node = s;
var psep = noarrow ? ' ' : ' > ';
if (s.length != 1) return path; //throw 'Requires one element.';
while (node.length) {
var realNode = node[0];
var name = (realNode.localName || realNode.tagName || realNode.nodeName);
if (!name || name == '#document') break;
name = name.toLowerCase();
if(node.parent().children(name).length > 1){
if (realNode.id && !noid) {
try {
var idtest = $(name + '#' + realNode.id);
if (idtest.length == 1) return name + '#' + realNode.id + (path ? '>' + path : '');
} catch (ex) {} // just ignore the exception, it was a bad ID
} else if (realNode.className && !noclass) {
name += '.' + realNode.className.split(/\s+/).join('.');
}
}
var parent = node.parent();
if (name[name.length - 1] == '.') {
name = name.substring(0, name.length - 1);
}
siblings = parent.children(name);
//// If you really want to use eq:
//if (siblings.length > 1) name += ':eq(' + siblings.index(node) + ')';
path = name + (path ? psep + path : '');
node = parent;
}
return path
}
并使用它生成各种选择器:
var elem = $('#someelement');
var epath = self.model.util.predictCss(elem, true, true, false);
var epathclass = self.model.util.predictCss(elem, true, false, false);
var epathclassid = self.model.util.predictCss(elem, false, false, false);
然后使用以下各项:
var relem= $(epathclassid);
if(relem.length === 0){
relem = $(epathclass);
if(relem.length === 0){
relem = $(epath);
}
}
如果您的最佳选择器仍然包含多个元素,那么您必须在如何匹配dom元素方面发挥创造性—可能是levenshtein,也可能是某些特定的文本,或者您可以回退到eq。希望这对您有所帮助
顺便说一句,我假设您有jQuery-由于sizzle引用。例如,您可以将上述内容插入到正文最后一个子项后附加的脚本标记中的自动执行匿名函数。
:eq()
不是有效的CSS选择器。我猜你的意思是html>body>span:nth child(3)>li:nth child(6)>div>div:nth child(4)>span>a
?感谢你给我机会澄清-我的意思是说css选择器打算交给jQuery和/或SizzleJS。我将更新原始帖子中的措辞,以反映这一点。再次感谢;)另外,你能确认这个URL不起作用吗/“最近”将我带到一个页面,上面写着@recent尚未发布任何链接……是否有可能其中一个标签未关闭,或关闭在不正确的位置?除此之外。。。多大的问题啊,“包装isAdv”-看起来像是一个迟到的插入,你的C代码在页面加载后会立即运行吗?尝试禁用javascript,然后查看isAdv是否再次出现。
var elem = $('#someelement');
var epath = self.model.util.predictCss(elem, true, true, false);
var epathclass = self.model.util.predictCss(elem, true, false, false);
var epathclassid = self.model.util.predictCss(elem, false, false, false);
var relem= $(epathclassid);
if(relem.length === 0){
relem = $(epathclass);
if(relem.length === 0){
relem = $(epath);
}
}