代码示例：

Question

我正在开发一个专门用于我公司用途的WYSIWYG应用程序，并与公司现有工具进行定制集成。

在尝试使用“.OuterHtml”获取html字符串时，我无法从某些元素中获取“name”属性，尤其是INPUT标记元素。

代码示例：

    `Dim inElem as windows.forms.htmlElement = hdoc.CreateElement("INPUT")`
    `inElem.Id = "txt01"`
    `inElem.setAttribute("name", inElem.Id)`
    `inElem.setAttribute("type", "text")`
    `inElem.setAttribute("placeholder","text here....")`

    '' append the created element to html body
    `hdoc.Body.AppendChild(inElem)`

    --> Getting html string:
        ** hdoc.body.getElementById("txt01").OuterHtml => "<input id=txt01 placeholder='text here....'></input>"
    --> What I really want is:
        ** hdoc.body.getElementById("txt01").OuterHtml => "<input id=txt01 placeholder='text here....' type='text' name='txt01'></input>"

是的，不仅名称属性丢失了，还有其他一些。（例如TYPE）有人可以帮我解决这个问题吗？

尝试解决方案：

    For Each inputEle As Windows.Forms.HtmlElement In hdoc.Body.GetElementsByTagName("input")
        CType(inputEle.DomElement, mshtml.IHTMLInputElement).name = inputEle.Id
    Next

**失败** :(

终极解决方案：

    Use HTML Agility Pack:
    ----------------------
    Dim inputEle3 As HtmlAgilityPack.HtmlNode = new_wb.CreateElement("input")
    inputEle3.Attributes.Add("id", "txt01")
    inputEle3.Attributes.Add("name", inputEle3.Id)
    inputEle3.Attributes.Add("type", "text")
    inputEle3.Attributes.Add("placeholder", "text here ....")

    RESULT:
    -------
    inputEle3.OuterHtml => <input id="txt01" name="txt01" type="text" placeholder="text here ...." >

现在可以使用，只要我使用HtmlAgilityPack.dll :( 微软mshtml糟透了！：（

Answer 1

这对我有用。请原谅我使用dynamic数据类型，由于某种原因，我的Visual Studio上没有mshtml库。

private void Form1_Load(object sender, EventArgs e)
        {
            this.webBrowser1.Navigate("about:blank");
            this.webBrowser1.Document.Write("<INPUT id='hell' class='blah' placeholder='text here'   name='hell' type='text'></INPUT>");
            dynamic htmldoc = webBrowser1.Document.DomDocument as dynamic;
            dynamic node = htmldoc.getElementById("hell") as dynamic;
            string x = node.OuterHtml; //gets name but not type
            string s = node.GetAttribute["type"]; //gets type
            string name = node.GetAttribute["name"]; //gets name
        }

所以每个人说的OuterHtml没有得到属性，但是在调用GetAttribute方法时它确实有效。希望这有帮助。

Answer 2

终极解决方案：

Use HTML Agility Pack:
----------------------
Dim inputEle3 As HtmlAgilityPack.HtmlNode = new_wb.CreateElement("input")
inputEle3.Attributes.Add("id", "txt01")
inputEle3.Attributes.Add("name", inputEle3.Id)
inputEle3.Attributes.Add("type", "text")
inputEle3.Attributes.Add("placeholder", "text here ....")

RESULT:
-------
inputEle3.OuterHtml => <input id="txt01" name="txt01" type="text" placeholder="text here ...." >

现在可以使用，只要我使用HtmlAgilityPack.dll :( Microsoft mshtml糟透了！:(

VB.NET / C＃.Net MSHTML：对于某些元素使用“setAttribute（'name'，value）”后，无法从Outerhtml获取“name”属性

代码示例：

尝试解决方案：

终极解决方案：

2 个答案:

终极解决方案：