Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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 将值从JS变量打印到div_Javascript_Html - Fatal编程技术网

Javascript 将值从JS变量打印到div

Javascript 将值从JS变量打印到div,javascript,html,Javascript,Html,如何将此变量中的“title”和“firstname”值打印到div中 var relationshipList = [ { name: 'William Cotterll', firstname: 'William', title: 'EVP Solutions' }, { name: 'Edwin Van Der Saar', firstname: 'Edwin', title: 'Security Specialist' },

如何将此变量中的“title”和“firstname”值打印到div中

var relationshipList = [
    { name: 'William Cotterll',           firstname: 'William',  title: 'EVP Solutions' },
    { name: 'Edwin Van Der Saar',         firstname: 'Edwin',  title: 'Security Specialist' },
    { name: 'Kelly Woodson',              firstname: 'Kelly',  title: 'Production Manager'},               
];
编辑:

如果我想打印“firstname”值,当我已经知道“title”值时,我该如何实现呢

例如,我只想在title='EVP Solutions'时打印firstname。

var-toInsert='';
var toInsert = '';

for (var i = 0, l = relationshipList.length; i < l; i++) {
    toInsert += relationshipList[i].title + ' ';
    if( relationshipList[i].title == 'EVP Solutions'){
        toInsert += ', ' + relationshipList[i].firstname + ' ';
    }
}

document.getElementById('#yourDivId').innerHTML = toInsert;
for(var i=0,l=relationshipList.length;i

编辑:我已经添加了您在编辑中添加的功能,尽管出于提问的原因,我收到了-1

我想我知道了

            var Chkr;
            Chkr = relationshipList;
            if(relChkr[1].title == 'EVP Solutions'){
                console.log(relChkr[1].name);
            }else{
                console.log('');
            };  

不完美,但我现在可以将其放入div中,所以一切都很好。

通过操作元素(例如
.innerText
属性)。如果元素尚不存在,则需要先创建它。在数组上循环,并使用div的
innerHTML
属性来附加所需的值。使用循环在数组上迭代。您尝试过什么?根据数据来源,您应该应用适当的转义或使用
textContent
我还有一个问题,Jimmy,请参见上文。您当时得到-1,因为您没有显示您尝试过做什么或您遇到了什么特定问题。