Javascript ReplaceChild 不显示消息-6ren

Javascript ReplaceChild 不显示消息

转载作者：行者123 更新时间：2023-12-02 21:20:59

24

4

我有这个代码

 <!DOCTYPE html>
        <html lang="it">
        <head>
        <script>
        function insertAfter(newNode, referenceNode) {
            referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
        }
        
        
        function writeMess(node, mess){
        	elementEx= document.getElementsByTagName("br").length;
        	if(elementEx < 5){
        		newerrmess = document.createTextNode(mess);
        		node.replaceChild(newerrmess, node.firstChild);
        		br = document.createElement("br");
        		insertAfter(br, node);
        	}
        }
        
        
        function Add(){
        	try{
        
        		writeMess(nodoMessErr1, "");
        		var capsule = parseInt(nodoCapsule.value);
        
        		/* Check correct values */
        		if(!isNaN(capsule)){
        			totcapsule = capsule;
        		}
        		else{
        		/* Err Mess */
        		writeMess(nodoMessErr1, "Error Mess 1");
        		return;
        	  }
        	}	
        	catch( e ){
        		alert("Aggiunta " + e);
        		return;
        	}
        }	
        
        var nodoAdd;
        var nodoCapsule;
        var nodoMessErr1;
        var totcapsule;
        
        
        /* Core function */
        function gestoreLoad(){
        
        try{
        
        	nodoAdd = document.getElementById("aggiunta");
        	nodoCapsule= document.getElementById("capsule");
        	nodoMessErr1 = document.getElementById("adderr");
        
        	
        	nodoAdd.onclick = Add;
        	nodoCapsule.value = "";
        
        	var TextNodeErr_1= document.createTextNode("");
        	nodoMessErr1.appendChild(TextNodeErr_1);
        
        
        	}
        	catch(e){
        		alert("gestoreLoad " + e);
        	}
        }
        
        
        
        window.onload = gestoreLoad;
        </script>
        </head>
        <body>
        	<span id="adderr"></span>
        	
        	<input type="text" id="capsule" /> 
        	<input type="button" id="aggiunta" value="Add"/> 
        	
        
        
        </body>
        </html>

函数 writeMess 充当消息(文本节点)的“写入器”，将其作为 span 的子节点追加并在 span 后放置“< br >”

看看“Add”函数，我的程序的工作原理就像当用户将 NaN 值放入“nodoCapsule.value”时显示一条错误消息(默认“”)来提醒他。

我尝试按下按钮(id="Aggiunta")并在其中写入 NaN 值，但没有显示任何消息(仅创建了一个“< br > ”，但前面没有任何文本)

不知道为什么，有什么解决办法吗？

编辑 - 这取决于浏览器，其他浏览器向我显示错误消息，但继续创建“
”。当显示错误消息时，我只想显示一个“< br >”。没有消息，也没有 br 消息未显示的地方。

最佳答案

您只需检查是否已经存在 br 标签

您可以通过以下方式查看

if (node.nextElementSibling.tagName.toLowerCase() !== "br") {
     // add br
}

工作示例

function insertAfter(newNode, referenceNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}


function writeMess(node, mess){
    elementEx= document.getElementsByTagName("br").length;
    if(elementEx < 5){
        newerrmess = document.createTextNode(mess);
        node.replaceChild(newerrmess, node.firstChild);
        if (node.nextElementSibling.tagName.toLowerCase() !== 'br') {
            br = document.createElement("br");
            insertAfter(br, node);
        }
    }
}


function Add(){
    try{
        debugger;
        writeMess(nodoMessErr1, "");
        var capsule = parseInt(nodoCapsule.value);

        /* Check correct values */
        if(!isNaN(capsule)){
            totcapsule = capsule;
        }
        else{
        /* Err Mess */
        writeMess(nodoMessErr1, "Error Mess 1");
        return;
      }
    }   
    catch( e ){
        alert("Aggiunta " + e);
        return;
    }
}   

var nodoAdd;
var nodoCapsule;
var nodoMessErr1;
var totcapsule;


/* Core function */
function gestoreLoad(){
debugger;
try{

    nodoAdd = document.getElementById("aggiunta");
    nodoCapsule= document.getElementById("capsule");
    nodoMessErr1 = document.getElementById("adderr");


    nodoAdd.onclick = Add;
    nodoCapsule.value = "";

    var TextNodeErr_1= document.createTextNode("");
    nodoMessErr1.appendChild(TextNodeErr_1);


    }
    catch(e){
        alert("gestoreLoad " + e);
    }
}



window.onload = gestoreLoad;

<body>
        	<span id="adderr"></span>
        	
        	<input type="text" id="capsule" /> 
        	<input type="button" id="aggiunta" value="Add"/> 
        	
        
        
        </body>

关于Javascript ReplaceChild 不显示消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60846515/

24

4

0

文章推荐： excel - 如何在 MS Access VBA 中管理 MS Excel 应用程序进程

文章推荐： excel - VBA 按用户范围选择排序

文章推荐： javascript - Discord 机器人未运行

iphone - 如果我向集合发送 -release 消息，它是否会向它所拥有的所有对象发送 -release 消息？
我一直在读到，如果一个集合“被释放”，它也会释放它的所有对象。另一方面，我还读到，一旦集合被释放，集合就会释放它的对象。但最后一件事可能并不总是发生，正如苹果所说。系统决定是否取消分配。在大多数情况
wcf - 以二进制方式序列化 WCF 消息，而不是作为 SOAP 消息
我有一个客户端-服务器应用程序，它使用 WCF 进行通信，并使用 NetDataContractSerializer 序列化对象图。由于服务器和客户端之间传输了大量数据，因此我尝试通过微调数据成员的
java - 针对特定属性组同步处理 jms 消息，但在其他组中同时处理 jms 消息
我需要有关 JMS 队列和消息处理的帮助。我有一个场景，需要针对特定属性组同步处理消息，但可以在不同属性组之间同时处理消息。我了解了特定于每个属性的消息组和队列的一些知识。我的想法是，我想针对
c++ - #define 打印(消息)std::cout << 消息 << std::endl
我最近开始使用 C++，并且有一种强烈的冲动 #define print(msg) std::cout void print(T const& msg) { std::cout void
java - JGroups:发送(空，空，消息)与发送(地址，空，消息)
我已经为使用 JGroups 编写了简单的测试。有两个像这样的简单应用程序 import org.jgroups.*; import org.jgroups.conf.ConfiguratorFact
javascript - 消息 : This browser doesn't support the API's required to use the firebase SDK.(消息/不支持的浏览器)
这个问题在这里已经有了答案: Firebase messaging is not supported in your browser how to solve this? (3 个回答) 7 个月前关
c# - EntityState 必须设置为 null、Created(对于 Create 消息)或 Changed(对于 Update 消息)
在我的 C# 控制台应用程序中，我正在尝试更新 CRM 2016 中的帐户。IsFaulted 不断返回 true。当我向下钻取时它返回的错误消息如下: EntityState must be set
json - Graylog 服务器无法通过 TCP::GELFDispatcher 读取 Gelf 消息 - 无法处理 GELF 消息::无法解压缩 GELF 消息负载
我正在尝试通过 tcp 将以下 json 写入 graylog 服务器: {"facility":"GELF","file":"","full_message":"Test Message Tcp",
Django 消息，如何隐藏特定消息
我正在使用 Django 的消息框架来指示成功的操作和失败的操作。如何排除帐户登录和注销消息？目前，登录后登陆页面显示已成功登录为“用户名”。我不希望显示此消息，但应显示所有其他成功消息。我的尝试
qt - 如何启用和禁用qDebug()消息
我通过编写禁用qDebug（）消息 CONFIG(release, debug|release):DEFINES += QT_NO_DEBUG_OUTPUT 在.pro文件中。这很好。我想知道是否可以
Laravel throttle 消息
我正在使用 ThrottleRequest 来限制登录尝试。在 Kendler.php 我有 'throttle' => \Illuminate\Routing\Middleware\Throttl
perl - 如何在没有位置信息的情况下输出die()消息？
我有一个脚本，它通过die引发异常。捕获异常时，我想输出不附加位置信息的消息。该脚本: #! /usr/bin/perl -w use strict; eval { die "My erro
rabbitmq - 消息、队列和交换器有哪些限制？
允许的消息类型有哪些(字符串、字节、整数等)？消息的最大大小是多少？队列和交换器的最大数量是多少？最佳答案理论上任何东西都可以作为消息存储/发送。实际上您不想在队列上存储任何内容。如果队列大部
.Net，向没有窗口的命令行进程发送按键/消息？
基本上，我正在尝试创建一个简单的 GUI 来与 Robocopy 一起使用。我正在使用进程打开 Robocopy 并将输出重定向到文本框，如下所示: With MyProcess.StartI
记录 MQ 消息
我想将进入 MQ 队列的消息记录到数据库/文件或其他日志队列，并且我无法修改现有代码。是否有任何方法可以实现某种类似于 HTTP 嗅探器的消息记录实用程序？或者也许 MQ 有一些内置的功能来记录消息？
未显示 primefaces 消息
我得到了一个带有 single_selection 数据表和一个命令按钮的页面。命令按钮调用一个 bean 方法来验证是否进行了选择。如果不是，它应该显示一条消息警告用户。如果进行了选择，它将导航到另
gcc 编译时间注释/消息
我知道 MSVC 可以通过 pragma 消息做到这一点 -> http://support.microsoft.com/kb/155196 gcc 是否有办法打印用户创建的警告或消息？ (我找不到谷
当有大量节点或二进制数据时 Erlang 消息
当存在大量节点或二进制数据时， native Erlang 消息能否提供合理的性能？情况 1:有一个大约 50-200 台机器的动态池(erlang 节点)。它在不断变化，每 10 分钟大约添加或删
登录后 django 消息
我想知道如何在用户登录后显示“欢迎用户，您已登录”的问候消息，并且该消息应在 5 秒内消失。该消息将在用户成功登录后显示一次，但在同一 session 期间连续访问主页时不会再次显示。因为我在 ho
居中添加名称的 sprintf 消息
如果我仅使用Welcome消息，我的代码可以正常工作，但是当打印p->client_name指针时，消息不居中。所以我的问题是如何将消息和客户端名称居中，就像它是一条消息一样。为什么它目前仅将消

首页

博学

6Ren·AI

商城

Javascript ReplaceChild 不显示消息