Javascript 如果元素存在，则更改var的值

如果h6#区域不存在，我想更改var的值。它在我的代码中不起作用

var selection=document.querySelector（'h6#area'）。长度；
如果（选择）{
var areaText2=document.querySelector（“h6#area”）.textContent；
}否则{
var areaText2='区域内'；
}

如果h6#区域不存在，我希望var等于文本字符串“in the area”。它将进入以下代码：

setTimeout(function() {
  $("#message").val("Lead origin: " + currentURL);
  $(".rg-modal-contact h2").text('Buy a home in ' + areaText2 + ' with us');
  $("#message").after('<h3 class="agent">Are you working with an agent?</h3>');
  $("h3.agent").after('<select class="agent" name="agent" id="agent"><option value="No">No</option><option value="Yes">Yes</option></select>');
  $("select#agent").after('<h3 class="address">What is your price range?</h3>');
  $("h3.address").after('<select class="agent" name="pricerange" id="pricerange"><option value="$50,000-$250,000">$50,000-$250,000</option><option value="$250,000-$500,000">$250,000-$500,000</option><option value="$500,000-$800,000">$500,000-$800,000</option><option value="$800,000-$1,000,000">$800,000-$1,000,000</option><option value="$1,000,000-$1,500,000">$1,000,000-$1,500,000</option><option value="$1,500,000+">$1,500,000+</option></select>');
  $("select#pricerange").after('<h3 class="addcomments">Any specific needs?</h3>');
  $("h3.addcomments").after('<textarea id="message2" class="comments" rows="5" placeholder="At least 1,500sqft, at least 3 beds, etc. More info helps us help you better!"></textarea>');
}, 1);

setTimeout（函数（）{
$（“#消息”）.val（“潜在客户来源：+currentURL”）；
$（“.rg模态联系人h2”）.text（“+areaText2+”与我们一起购买房屋”）；
$（“#消息”）。在（'您是否与代理一起工作？'）之后；
$（“h3.代理”）。在（'NoYes'）之后；
$（“选择代理”）。在（'您的价格范围是多少？'）之后；
$（“h3.地址”）。在（$50000-$250000$250000-$500000$500000-$800000-$1000000$1000000-$1500000$1500000+之后）；
$（“选择#价格范围”）。在（'任何特定需求？'）之后；
$（“h3.addcomments”）。之后（“”）；
}, 1);

您可以检查元素的长度（使用

jquery

）：

---

发现你的错误！在if-else块之外不存在var-areaText2，您需要在if之前像

var-areaText2

一样定义它。

您可以检查元素的长度（使用

jquery

）：

---

发现你的错误！在if-else块之外不存在var-areaText2，您需要将其定义为if之前的

var-areaText2

。

尝试此操作

    var selection = $('h6#area').length;
    if (selection) {
        var areaText2 = document.querySelector("h6#area").textContent;
    } else {
        var areaText2 = 'in the area';
    }

---

试试这个

    var selection = $('h6#area').length;
    if (selection) {
        var areaText2 = document.querySelector("h6#area").textContent;
    } else {
        var areaText2 = 'in the area';
    }

---

---

说来话长。我必须用jquery添加元素。在这一页：-现在没有h6在这一页上进行测试。仍不工作。打开浏览器控制台，查看错误消息。如果

querySelector

找不到任何内容，它将返回不具有length属性的null。那么如果它为null，我如何设置If语句来检查它是否为null？呃。。删除.length和

if（selection==null）

？或者将其保留为

if（selection）

。说来话长。我必须用jquery添加元素。在这一页：-现在没有h6在这一页上进行测试。仍不工作。打开浏览器控制台，查看错误消息。如果

querySelector

找不到任何内容，它将返回不具有length属性的null。那么如果它为null，我如何设置If语句来检查它是否为null？呃。。删除.length和

if（selection==null）

？或者将其保留为

if（selection）

。好的，尝试在我编辑它之前删除h6。控制台显示了什么？是的，仍然不工作。我在不同的评论中发布了上面的完整链接。太奇怪了。我想我知道你的错误了，请看我编辑的帖子/回答

var

不是block scope.Ohk，@KevinBoroumand请添加

console.log（areaText2）在else部分之后，告诉它记录了什么好的，在我编辑它之前，尝试删除h6区域。控制台显示了什么？是的，仍然不工作。我在不同的评论中发布了上面的完整链接。太奇怪了。我想我知道你的错误了，请看我编辑的帖子/回答
var
不是block scope.Ohk，@KevinBoroumand请添加
console.log（areaText2）在else部分之后，告诉它是什么日志完整页面：-完整JS：-参见第360行，代码从哪里开始谢谢@KevinBoroumand但那个链接没有这个代码。您只有
var areaText2=document.querySelector（“h6#area”）.textContent在第363行，当元素不存在时会再次抛出错误。哇哦。我认为用于s3浏览器的AWS服务器落后了。我已经为此工作了几个小时，从那以后就没有改变过，我已经上传了很多次了。哎呀！！！完整页面：-完整JS：-请参阅第360行，此处代码从何处开始谢谢@KevinBoroumand但那个链接没有这个代码。您只有
var areaText2=document.querySelector（“h6#area”）.textContent在第363行，当元素不存在时会再次抛出错误。哇哦。我认为用于s3浏览器的AWS服务器落后了。我已经为此工作了几个小时，从那以后就没有改变过，我已经上传了很多次了。哎呀！！！