直接说结论吧，如果你想让一个div不可用，其实div本身没有“disabled”属性，但可以通过几种方法实现类似效果：用CSS控制、用JS拦截事件、或者给它覆盖一个透明层。下面我一步步给你讲清楚。
第一种方法是用CSS。最简单的思路就是让div看起来灰掉，同时阻止用户操作。可以给div加一个半透明的遮罩层，或者直接改变样式。比如给div加上`pointer-events: none;`，这行代码的意思是鼠标事件全部不生效，也就是点击、拖拽、滚轮都没反应了，再配合`opacity: 0.5;`，用户就会觉得这个区域不可用。代码大概像这样：
document.getElementById("myDiv").style.pointerEvents = "none";
document.getElementById("myDiv").style.opacity = "0.5";
这样写之后，div里的按钮、链接、输入框都不能点了，而且视觉上也会有变化。
第二种方法是通过事件拦截。如果你不想修改样式，只是希望用户操作无效，可以用JS捕获事件然后阻止它继续执行。具体做法是给div绑定一个事件监听器，阻止点击或者键盘事件冒泡。举个例子：
var div = document.getElementById("myDiv");
div.addEventListener("click", function(e){
e.stopPropagation();
e.preventDefault();
});
这个意思是点击div或者div里的内容的时候，事件会被拦截，浏览器不会执行默认行为。你还可以把鼠标样式改成`cursor: not-allowed;`，用户就会看到小手变成禁止标志，更直观地知道不能操作。
第三种方法是加一个透明覆盖层。这种方法比较灵活，适合复杂内容的div。原理是创建一个新的div，尺寸和原来的div一样，位置覆盖上去，背景设置透明，然后这个新div接受所有事件，这样原div就完全不能操作了。JS代码类似：
var overlay = document.createElement("div");
overlay.style.position = "absolute";
overlay.style.top = div.offsetTop + "px";
overlay.style.left = div.offsetLeft + "px";
overlay.style.width = div.offsetWidth + "px";
overlay.style.height = div.offsetHeight + "px";
overlay.style.backgroundColor = "rgba(0,0,0,0)";
document.body.appendChild(overlay);
用这个方法，原来的div保持原来的样式不变，用户看上去没变，但实际上任何操作都被挡住了。
最后补充一点，如果你是想临时禁用div里的表单元素，可以直接循环里面的input、button，把它们的disabled属性设为true，这样也能达到类似效果，但div本身不能直接disabled。比如：
var inputs = div.querySelectorAll("input, button, select, textarea");
inputs.forEach(function(item){
item.disabled = true;
});
这样用户就不能操作里面的表单元素，外观也会自动变灰。
操作div不可用其实就是两件事：视觉上告诉用户不能操作，功能上阻止事件响应。用CSS、事件拦截或者覆盖层都能实现，根据你的需求选择最方便的方式就行了。