如何避免 HTMLElement.InnerHtml 属性更改 HTML 元素的相对路径 URL

本文关键字:元素 相对 路径 URL HTML HTMLElement 何避免 InnerHtml 属性 | 更新日期: 2023-09-27 18:17:59

在winforms中,我有一个类似于HTML编辑器的东西,其中文本框控件用于编写HTML代码,浏览器控件用于显示预览。

我正在尝试使用如下所示的内容设置HTML的HTML的InnerHtml属性:

htmlElement.InnerHtml = txtCode.Text;

问题是在分配如下字符串时:

 "<a href='/foo/bar.aspx'>Click Here</a>"

htmlElement.InnerHtml 返回:

"<a href='"file:///C:/foo/bar.aspx'">Click Here</a>"

InnerHtml属性的HTML代码保存在文件中,该文件用于呈现网站中呈现内容和无效链接。

有没有办法避免 InnerHtml 属性的这种行为,而无需直接从文本框保存文本?

如何避免 HTMLElement.InnerHtml 属性更改 HTML 元素的相对路径 URL

我唯一的想法是删除 <a> 元素的文本节点子节点,然后将新创建的文本节点附加到您的文本中。这可能会解决任何干扰您分配InnerHtml的过程。

作为一种解决方法,您可以尝试将脚本块放入 txtCode 中:

<script>document.write("<a href='/foo/bar.aspx'>Click Here</a>")</script>