Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial FireFox下innerHTML无法获取到文本框的value值_html/css_WEB-ITnose

FireFox下innerHTML无法获取到文本框的value值_html/css_WEB-ITnose

Jun 24, 2016 pm 12:17 PM

演示地址
http://218.26.94.139/tmp/test.htm

当通过js代码给文本框赋值后,FireFox的innerHTML无法得到文本框的value值.


回复讨论(解决方案)

如果把源代码稍微修改一下,
文本框里面预先就写上值,再通过js修改为CCCC,在IE中显示为CCCC,但在FF显示为AAAA,就是说Firefox中无法得到文本框动态写入的值.

结论:FireFox还真不是一般的废物.

确实是这样,在Chrome、Opera中也是如此。

由于需要这个功能的HTML内部结构非常复杂,把值遍历取出再赋回过于复杂,最后我的处理结果
if(ISFF)
{
    alert("由于FireFox功能的缺陷,本操作不支持在FireFox下调用,请改用IE浏览器.");
    return;
}

刚才还遇到了一个问题,就是XML在Firefox下如果节点内容值长度超过4096则自动截成多个节点,一头雾水又折腾了半天才做了处理代码.
标准有个屁用呀,好些功能要么不支持,要么有bug,某人骚燥的非要代码同时支持IE和FireFox,再日一次FireFox,一并日.

有时候,要想兼容所有的浏览器,只有先 js判断,然后调用 不同的 方法!

如果能这么做我就已经烧了高香了,关键是这么做也不行呀.
代码中有很多地方做判断
if(isie)
 ……
else
 ……

关键这个功能firefox是有问题的呀.

何必搞得这么复杂,你赋值时不要直接赋,直接添加属性不就可以了。试下下面的
document.getElementById("inp1").setAttribute("value",“ccc”);

这只是说明这个问题的一个例子,真正的程序是很复杂的,文本框内的值都是人工手填的


你可以借鉴下 jquery的源代码 看他是怎么取value的

你可以借鉴下 jquery的源代码 看他是怎么取value的
jq也是一样的。感觉这个是浏览器的问题,我检查了下。=。=!
ff chrome opera ie9都是这样的。。。

不是吧,IE9也是这样?!

IE9没这个问题,试过了
别吓唬我,这可是个很重要的功能.

在后面加上这句就可以实现动态输入时innerHTML得到Value.

document.getElementById("inp1").addEventListener("keyup",function(){document.getElementById("inp1").setAttribute("value",document.getElementById("inp1").value);},false);
Nach dem Login kopieren

IE9没这个问题,试过了
别吓唬我,这可是个很重要的功能.

IE9 100%一样,你可以在你的测试页面使用IE9测试下,我用的是x64 的IE 文档模式IE9 浏览器模式IE9
你可能是使用了Quirks模式

smsType = document.getElementById("smsType").value;
calledNumber = document.getElementById("calledNumber").value;
content = document.getElementById("content").value;
content = encodeURIComponent(content);

我怎么一取一个准啊。。。

把ff的历史记录清除就能更新了!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

In Artikel werden Best Practices zur Gewährleistung der HTML5-Cross-Browser-Kompatibilität erörtert und sich auf die Erkennung von Merkmalen, die progressive Verbesserung und die Testmethoden konzentriert.

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

In dem Artikel werden unter Verwendung von HTML5 -Formularvalidierungsattributen wie Erforderlich, Muster, Min, MAX und Längengrenzen erörtert, um die Benutzereingabe direkt im Browser zu validieren.

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

Gitee Pages statische Website -Bereitstellung fehlgeschlagen: Wie können Sie einzelne Dateien 404 Fehler beheben und beheben? Gitee Pages statische Website -Bereitstellung fehlgeschlagen: Wie können Sie einzelne Dateien 404 Fehler beheben und beheben? Apr 04, 2025 pm 11:54 PM

GitePages statische Website -Bereitstellung fehlgeschlagen: 404 Fehlerbehebung und Auflösung bei der Verwendung von Gitee ...

See all articles