Попробуйте это
HTML
<!DOCTYPE html>
<head></head>
<body>
<div class='row' id='dadasd' onclick='setValue()'>
<span class="span" title='Edit' data-toggle='modal' data-target='#addWidgetModal'>Edit
</span>
</div>
</body>
<script type='text/javascript'>
function setValue() {
window.columnId = 'dadasd';
window.outerRowId = 'dadasd';
console.log(window.columnId,window.outerRowId);
}
</script>
</html>
CSS
.row {
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-color:black;
border:2px solid lightgrey;
}
.span {
cursor: pointer;
font-size:8px;
text-align:center;
color:lightblue;
}
Примечание. Когда вы разрабатываете какое-либо приложение, сохраняйте выравнивание кода и дифференцируйте код в соответствии с языком, поэтому легко изменять код и поддерживать этот код для будущих изменений. Код структуры Well поможет вам понять и изменить код.
Это ссылка на Codepen. Если вы не понимаете, проверьте его на codepen