Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取<;p>;不使用innerHTML_Javascript_Modalpopups - Fatal编程技术网

Javascript 获取<;p>;不使用innerHTML

Javascript 获取<;p>;不使用innerHTML,javascript,modalpopups,Javascript,Modalpopups,首先,如果这是一个很长的代码段,我很抱歉,但是,我正在尝试创建一个模式窗口,其中写入您在我的用户表单中编写的内容,并要求您确认。我目前正在学习Javascript,不允许使用innerHTML,我必须动态编写“Firstname:”等(Firstname的文本),不允许只在弹出窗口中编写。我已经做了很多工作,但是“Firstname:”Lastname“等显示为“undefined”,或者(你可以看到我在本例中尝试使用的只是名字)显示为“null” 希望有人能为我解释一下这个问题,这是HTML:

首先,如果这是一个很长的代码段,我很抱歉,但是,我正在尝试创建一个模式窗口,其中写入您在我的用户表单中编写的内容,并要求您确认。我目前正在学习Javascript,不允许使用innerHTML,我必须动态编写“Firstname:”等(Firstname的文本),不允许只在弹出窗口中编写。我已经做了很多工作,但是“Firstname:”Lastname“等显示为“undefined”,或者(你可以看到我在本例中尝试使用的只是名字)显示为“null”

希望有人能为我解释一下这个问题,这是HTML:

<form action="http://voyager.lnu.se/tekinet/kurser/dtt/wp_webbteknik/process_form.php" method="POST" id="userform" target="_blank"> 

            <p id="formQuestion1">Förnamn</p>
            <div id="error1"></div>
            <input type="text" name="firstName" id="test"/>

            <p id="formQuestion2">Efternamn</p>
            <div id="error2"></div>
            <input type="text" name="lastName" />

            <p id="formQuestion3">Postnummer</p>
            <div id="error3"></div>
            <input type="text" name="postCode" id="codeText"/>

            <p id="formQuestion4">E-post</p>
            <div id="error4"></div>
            <input type="text" name="eMail" />

            <br />
            <br />

            <label id="model" class="formQuestion" for="priceModel">Prismodell</label>
            <br />
                        <select name="Type" id="priceModel">
                            <option value="Låg" selected>Låg</option>
                            <option value="Medel">Medel</option>
                            <option value="Hög">Hög</option>
                        </select>


                <br />
                <br />
                <br />
                <input id="sendButton" type="submit" value="Genomför Köp" />
          </form>

如果您不想使用innerHTML,那么您可以使用这些选项,假设您希望从这个节点获得值

Förnamn

那么你的代码就是

var dom = document.getElementById('formQuestion1');

1) var res = dom.innerText;


您需要在DOM中查找文本节点。文本节点的
nodeValue
属性是它的文本内容。您能更具体一点吗?我是Javascript新手,我该如何查找这些内容?您的问题标题是获取值,但您的代码似乎需要一种设置值的方法。是哪一个?在任何情况下,以及。问题是如何从“formQuestion1”(例如)中获取值,该值应为“Förnamn”(中的文本),并且能够编写该值,而无需在代码中实际编写“Förnamn”。如果我将formQuestion1的值更改为“First name:”,那么在弹出窗口中的值也应该更改。我希望这能更好地解释它;对不起,我应该明白的。如果您使用
getElementById()
获取对DOM元素的引用,您可以通过“firstChild”节点属性查看其子元素,然后查找其
nodeType
为3(即文本)的节点。哦,好的!谢谢你,这正是我想要的(尽管我不善于解释)非常感谢你,先生!
var dom = document.getElementById('formQuestion1');

1) var res = dom.innerText;
2) var res = dom.textContent;
3) var res = dom.firstChild.nodeValue;